Fit Text makes font-sizes flexible. Use this bric on your responsive design for ratio-based resizing of your headlines. Fit Text achieves scalable headlines that fill the width of the parent container.
Resize the browser to watch the headlines adjusting dynamically to the width of the page.
Hi Lucas
This is a really great Bric and solves a problem I’ve had before very easily. In the screen capture below with FITTEXT the headings stay in proportion to the images and don’t break into two lines. I know this can be achieved by setting different text sizes for tablets and phones but this make it so easy.
@Lucas I was wondering if it’s possible to style Fit Text for different elements on the same page? For example I have a four row column I want styled with one font and I have a carousel with a header I want styled with a different font?
Ok thanks, I added a class FitText and it wanted to control all of them on the page. Once I added them in FitText in the class area I was able to style to my hearts content.
It takes a little playing around with the compression, depending on the area. I’ve got a four column area and I’ve got the compression set to 0 it works well in most columns but one it crowds the column. Should I set min and max with this problem or do you suggest something else? (new construction & remodeling)
Lucas, I got it, browser must have cached the older version, a hard reset fixed the problem.
Looking for a way to resize dynamically text in Blocs.
This Bric seems good but all links are dead.
Any idea of a similar Bric or trick ?
Why would I need this if Blocs can set text at different breakpoints ?
Well because there is a big gap in screen size for the LG range starting at 992px to full 27" monitor window.
I found that in CSS, VW units for fonts can be used but can’t find them in Blocs.
FitText is a most useful and well designed Bric, thank you @Lucas
Let’s say you’ve already built an entire website and you now want to use FitText for difference size headers and paragraph across the entire site. Is the a way we could add FitText to work globally?