css - 在呈现网页之前等待字体加载

Question

我正在使用@font-face 在我的网站中嵌入字体。首先，文本呈现为系统默认值，然后(大概一旦加载了字体文件)正确的字体在几分之一秒后呈现。有没有一种方法可以通过延迟页面呈现直到加载字体或类似内容之后来最小化/消除这种延迟。

Answer 1

由于没有人提到这一点，我认为这个问题需要更新。我设法解决问题的方法是使用现代浏览器支持的“预加载”选项。

以防有人不需要支持旧浏览器。

<link rel="preload" href="assets/fonts/xxx.woff" as="font" type="font/woff" crossorigin>

一些包含更多详细信息的有用链接:

https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content http://www.bramstein.com/writing/preload-hints-for-web-fonts.html