3 ms·
One alternative is to simply use the system font stack popularized by Bootstrap's Reboot reset: https://getbootstrap.com/docs/4.0/content/reboot/#native-font-st
by eins1234 6y ago
One alternative is to simply use the system font stack popularized by Bootstrap's Reboot reset: https://getbootstrap.com/docs/4.0/content/reboot/#native-font-stack https://getbootstrap.com/docs/4.0/content/reboot/#native-fon...
It gives you a pretty good looking native system font for most platforms.
Yes, it means you don't get as much control over your "brand" as a custom font. But it's a great option for those who value users' experience (fastest possible content load time, no font loading reflow, etc) over maintaining some nebulous notion of a consistent brand image through fonts on content/UI. The former tangibly benefits users, while the latter only (marginally) benefits the company/brand (99.9% of your users couldn't care less what font you used as long as it's not horribly out of place or ugly).
I would go as far as to say say this is the right tradeoff for most product/brands where your primary product/service isn't text-based (books, articles, other publications).
And if your layout is brittle enough to need pixel-perfect control over font dimensions, that's something better addressed through a more dynamic layout since it will also become a maintenance nightmare, as that's basically the antithesis to a responsive layout.