

Font loading strategies
source link: https://hidde.blog/font-loading-strategies/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Font loading strategies Hidde's blog
Font loading strategies
Published 6 years ago ・ elsewhere
If one phrase from Bram Stein’s excellent Fronteers Spring Conf talk stuck with me, it was ‘always have a font loading strategy’. The point he made was that if you use custom web fonts in CSS, you should not rely on browser default behaviour, as that will often mean users see white pages with invisible text in case of font loading failure.
In his article ‘Web fonts for president’, Zach Leatherman compares font loading strategies (or, mostly, lack thereof) of the 2016 US election candidates. What a great idea! It’s a very interesting read!
Bram Stein describes how to use his Font Face Observer on his blog.
(I realise this blog currently lacks a font loading strategy, since I recently updated the typeface, I’m working on that)
Hidde de Vries (@hdv) works in Sanity.io's developer relations team from Rotterdam (NL), is a conference speaker and workshop teacher. Previously he was at the W3C (WAI), Mozilla, the Dutch government and various other organisations and businesses.
Comments, likes & shares
No webmentions about this post yet! This section is under construction, they should show up soon-ish, feel free to send webmentions this way to help me test.
© 2007–2022 Hidde de Vries. This site doesn't track ?
Recommend
-
106
October 30, 2017 /
-
51
-
122
-
43
When I look back at the last four years that I’ve spent learning everything I could about web fonts and how web fonts load, I can distill it all down to a small checklist of ideals that I continue to chase. Our goal as we...
-
7
Preloading Strategies to Speed Up Angular App Loading TimeGet to know these Preloading Strategies to reduce Angular App loading time
-
10
The Best Font Loading Strategies and How to Execute Them Zell Liew on Mar 2, 2021 Apps and tools to do more with Zach Leathe...
-
14
CSS Font Descriptors — Smashing MagazineMay 25, 20213 comments
-
5
Next.js 11 Released with New Script and Image Loading Strategies Jun 20, 2021...
-
7
Font Strategies for Fintech Websites and Apps
-
5
Font Subsetting Strategies: Content-Based vs Alphabetical Written by Paul Hebert on July 7...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK