AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
![]() ![]() But this feature will only work if you have added a backup (web-safe fonts) in your style sheet. We recommend using “swap” over “block” or “fallback” because swap syntax will offer you an infinite swap period, which means no matter how slow the web fonts are loading it will swap back to the web fonts as soon as the web fonts are ready to be shown. The use of these syntaxes will ensure that text remains visible during the webfont load. What we’re interested in is block, swap, and fallback syntax. optional, the font face an extremely-small block period and no swap period.fallback, the font face an extremely-small block period and a short swap period.swap, the font face an extremely-small block period and an infinite swap period.block, the font face a short block period and an infinite swap period.auto, the font display strategy is defined by the user agent.You can use one from the following syntax:Įvery syntax will offer a block as well as swap period except. You can use the descriptor font-display in the that will determine how a font face will be displayed based on whether and when it is downloaded and ready to use. So, how can we attain the visibility of texts while the web fonts are loading? That is why we need to ensure text remains visible during web font load, so it doesn’t flash or go blank for a while the web fonts load in the background. Specially when you want to spice up your site with an elegant and unique design, but that come with a cost – a burden on page speed. ![]()
0 Comments
Read More
Leave a Reply. |