Using variable web fonts for perf
- đź“…
- đź“ť 1,345 words
- đź•™ 6 minutes
- 📦 Typography
- 🏷️ webdev
Webfonts are now ubiquitous across the web to the point where most of the big players even have their own typefaces and the web looks a lot better for it.
Unfortunately the problem still exists that either the browser has to wait before it draws anything while it is getting the font or it renders without the font then re-renders the page again once the font is available. Neither is a great solution and Google’s PageSpeed will hit you for either so what is an enterprising web developer to do?