question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Add `font-display`

See original GitHub issue

On Google’s Web Fundamentals - Web Font Optimization page, they recommend using font-display:

font-display: auto; /* or block, swap, fallback, optional */

To ensure consistency moving forward, the CSS Working Group has proposed a new @font-face descriptor, font-display, and a corresponding property for controlling how a downloadable font renders before it is loaded.

Thanks for a great tool!

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:21
  • Comments:5

github_iconTop GitHub Comments

1reaction
SilasReinagelcommented, Jul 22, 2019

This would be a very nice feature to have!

Can we get this PR merged?

0reactions
cseascommented, Nov 27, 2020

+1 Can someone tag the maintainers here? @majodev

Read more comments on GitHub >

github_iconTop Results From Across the Web

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 >
font-display | CSS-Tricks
The font-display property defines how font files are loaded and displayed by the browser. It is applied to the @font-face rule which defines ......
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 >
A New Way To Reduce Font Loading Impact: CSS Font ...
Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that.
Read more >
CSS font-display Property - W3docs
The font-display property defines how font files are downloaded and displayed by the browser. This property has the following values:.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found