如何利用CSS font-display: swap属性有效缓解移动端Web字体加载闪烁问题?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1002个文字,预计阅读时间需要5分钟。
《font-display: swap是解决移动端FOIT(文字空白)最直接有效的手段,但它并非一劳永逸——不配置format、不preload、不fallback字体链错误,照样白屏或闪烁。》
font-display: swap 必须写在 @font-face 里,且 format() 不能漏
很多项目写了 font-display: swap 却没效果,浏览器根本没执行它。
本文共计1002个文字,预计阅读时间需要5分钟。
《font-display: swap是解决移动端FOIT(文字空白)最直接有效的手段,但它并非一劳永逸——不配置format、不preload、不fallback字体链错误,照样白屏或闪烁。》
font-display: swap 必须写在 @font-face 里,且 format() 不能漏
很多项目写了 font-display: swap 却没效果,浏览器根本没执行它。

