Kevin Powell - CommunityKP-C
Kevin Powell - Community2y ago
10 replies
Piesz

What is the best practice for responsive font resizing?

So, as far as i know I should use the rem unit for fonts to not interfere with users preferences. But what should I use for dynamic font resizing? Like there will be a difference between the size of the font on desktop and on a mobile phone. AI suggested to do something like this: font-size: calc(! * @)

Where:
! - default size like 1.5rem etc.
@ - scale factor determined by the vw unit. Something like 0.5vw etc.

Like, I tried that and it for sure works, but is it a good method ?
Was this page helpful?