Home » Web » CSS » Viewport sized typography with minimum and maximum sizes

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

Feed Source: CSS-Tricks
Article Source: Viewport sized typography with minimum and maximum sizes

About Admin

Powered by WP Robot