Use font-display parameter
See original GitHub issueFeature Request
Description
Use font-display
descriptor when loading external fonts (Lato), as per Google’s recommendation
Example
font-display: swap
Issue Analytics
- State:
- Created 5 years ago
- Reactions:1
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Google Fonts and font-display | CSS-Tricks
To use font-display with Google Fonts, you include a URL parameter like &display=swap in the URL, like https://fonts.googleapis.com/css?family= ...
Read more >font-display - CSS: Cascading Style Sheets - MDN Web Docs
The font-display descriptor determines how a font face is displayed based on whether and when it is downloaded and ready to use.
Read more >Controlling Font Performance with font-display
The new font-display descriptor for @font-face lets developers decide how their web fonts will render (or fallback), depending on how long ...
Read more >Google Fonts - font-display: swap; | Fonts Plugin
To implement font-display when using Google Fonts you just need to add an extra parameter to your request. https://fonts.googleapis.com/css?
Read more >Use font-display for Google Fonts - Tezify
If you want to use font-display for your website that leverages Google fonts, ... Approach 1: Use display=swap URL parameter with Google fonts...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
FYI: Google announced that Google Fonts will soon support font-display https://github.com/google/fonts/issues/358#issuecomment-490730397
I have just done some testing and research and this doesn’t seem like a bad thing to add. I will add it to the 2.7 milestones.