An Interest In:
Web News this Week
- March 31, 2024
- March 30, 2024
- March 29, 2024
- March 28, 2024
- March 27, 2024
- March 26, 2024
- March 25, 2024
November 24, 2020 03:42 pm GMT
Original Link: https://css-tricks.com/how-to-load-fonts-in-a-way-that-fights-fout-and-makes-lighthouse-happy/
How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy
A web font workflow is simple, right? Choose a few nice-looking web-ready fonts, get the HTML or CSS code snippet, plop it in the project, and check if they display properly. People do this with Google Fonts a zillion times a day, dropping its <link>
tag into the <head>
.
Lets see what Lighthouse has to say about this workflow.
Stylesheets in the <head>
have been flagged by Lighthouse as render-blocking resources and they add a one-second delay to render? Not great.
Weve done … Read article “How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy”
The post How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.
Original Link: https://css-tricks.com/how-to-load-fonts-in-a-way-that-fights-fout-and-makes-lighthouse-happy/
Share this article:
Tweet
View Full Article