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