网页上有自定义字体，发现如果直接用 @font-face 定义的话会先等字体下载完成再显示内容，这样有可能导致体验不佳。看到一些网站是先加载内容再加载字体，请问有什么办法可以实现？
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 3860 days ago, the information mentioned may be changed or developed.
 |
1
fuermosi777 Nov 16, 2015
http://www.youziku.com/ 有一种方式
|
 |
2
pseudo OP @fuermosi777 谢谢，不过我是用的自定义英文字体，大概几百 K ，是个很尴尬的大小
|
 |
3
oott123 Nov 16, 2015 via Android
不配合 js 感觉做不到
或许可以试试把字体的 css 引入放到页尾？ |
 |
4
ChiChou Nov 16, 2015
js 访问 document.styleSheets 对象可以动态修改 CSS 样式，可以尝试在 css 里不写 font-family ，然后给 document 的 ready 里动态添加？
|
 |
6
Sivan Nov 16, 2015  1
可以用 font loader 。如果不想通过 js 实现，也可以把字体转 base64 存一个单独的 CSS 加载。
具体技术讨论可以自行搜索关键词「 FOUT 」、「 FOIT 」 |
 |
8
Daniel65536 Nov 16, 2015 via iPhone
|
|
10
pseudo OP |
Select Language