Home > Designing, Others > The @font-face dilemma

The @font-face dilemma

September 14th, 2015 Leave a comment Go to comments

Chris Manning takes us through the weird journey that is custom fonts on the web. We started with the “Flash of Unstyled Text”, which at first we didn’t like because it was abrupt and felt janky and could even cause reflow, which didn’t help readers focus. Browsers reacted, and started hiding text until the custom font was ready (various implementations did it differently). “Flash of Invisible Text” as it were. Times have changed such that FOUT is now preferable again, because at least you could read something immediately. Chris shows how you can get that back through various JavaScript methods.

New to me: the future holds native browser methods to give us more control. A font loading API and a CSS font-display property.

Direct Link to Article — Permalink

The @font-face dilemma is a post from CSS-Tricks

Categories: Designing, Others Tags:
  1. No comments yet.
  1. No trackbacks yet.
You must be logged in to post a comment.