by
on
under
Permalink

Viewport sized typography with minimum and maximum sizes

There is no min-font-size or max-font-size, so while setting font-size in viewport units is cool, there’s a good chance your font-size might get too small on small screens or too big on large screens.

Eduardo Boucas has a clever workaround though. Use media queries to force the font-size back into a set pixel value when the viewport has gotten to the breakpoints at which those min/max values would be exceeded. He’s got a Sass mixin to help with the math, but the compiled CSS is ultimately pretty simple.

Direct Link to ArticlePermalink


Viewport sized typography with minimum and maximum sizes is a post from CSS-Tricks

Original Article From CSS Tricks

Leave a Reply

Your email address will not be published. Required fields are marked *