learning$css

font-display

PrevNext
Term side of the Card
Topic: Text Handling
Unit title: font-display
Categories: Property
Explanation side of the Card

Explanation: The property that defines how a font is displayed while it's loading or when it fails to load. Options include 'auto', 'block', 'swap', 'fallback' and 'optional', each of which controls how text is rendered during the loading process to balance between usability and visual consistency.

Browser compatibility:
  • The chrome browser supports this feature starting from version 60
  • The edge browser supports this feature starting from version 79
  • The firefox browser supports this feature starting from version 58
  • The safari browser supports this feature starting from version 11.1
Availability: