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

标签 css fonts font-face

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

最佳答案

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

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

<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

关于css - 在呈现网页之前等待字体加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4712242/

相关文章:

html - 对齐图像链接旁边的文本链接

html - 垂直展开内容框

CSS 弹出菜单在 JQuery 布局 Pane 中溢出/重叠

css - CSS 中字体的别名

html - 如何降低元素的高度以垂直放置在视口(viewport)内?

r - embedFonts 提示 “Unknown device: pswrite”

java - Java 中的简单文本格式,例如上标?

java - 无法更改黑莓中 Vector 元素的字体

javascript - 如何使用 html2canvas.js 将带有 @font-face 的 SVG 文本元素转换为 Canvas ?

css - 为大写文本定义自定义字体