gpt4 book ai didi

fonts - 预加载 @Font-Face 字体以阻止 Firefox 闪烁/延迟

转载 作者:行者123 更新时间:2023-12-04 00:06:17 25 4
gpt4 key购买 nike

有没有人想出如何预加载字体以停止闪烁/延迟?

最佳答案

关于这个问题已经有很多讨论,Paul Irish 称之为 FOUT(无样式文本的闪现)。有很多方法可以通过
1 将 CSS 放在页面最顶部的任何脚本标签之前
2 最小化字体文件的大小
3 带有远期过期 header 的浏览器缓存
4 Gziping 你的 CSS 和字体文件(WOFF 不能被 gzipped)
Paul Irish 有一篇关于此的很棒的文章:Fighting the @font-face FOUT
Steve Souders 在他的高性能网站博客上也有一篇很棒的文章:@font-face and performance

关于fonts - 预加载 @Font-Face 字体以阻止 Firefox 闪烁/延迟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3379645/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com