Does anyone know of any way to get font size to shrink to still fit a fixed size text container? I’m think maybe this is possible through a html element or something? Wondering if anyone has solved this issue before? Thanks

[image] Font size relative to viewport width Responsiveness Hi, I’m building with responsive engine but can’t figure out how to set font size relative to view port size. Is the only solution to set “breakpoint” rules to a few fixed font sizes?

You mean to shrink it when the page gets smaller, correct? You can use conditions in your text element to do that: [Shared with CloudApp] You can create as many conditions as you want for different breakpoints. Hope that answers your question!

Thanks, was thinking this but thought there might be an easier way. Definitely a solution though.

This was what I had in mind, thanks

How to reduce font size to fit container width

Need help Responsiveness

lantzgould May 17, 2022, 12:48am 4

Topic		Replies	Views
Font size relative to viewport width Responsiveness	7	3902	July 20, 2022
Reduce text size according to the screen resolution (Responsiveness) Need help	2	1805	December 23, 2017
Text size ratio Responsiveness	5	3297	August 15, 2018
Change text size to fit container Responsiveness	3	9046	September 5, 2018
How to change font size when width is increased to decreased Need help	5	3885	August 29, 2019

How to reduce font size to fit container width

Related topics