等待字体加载,然后呈现网页

我正在使用@ font-

face将字体嵌入到我的网站中。首先,文本将作为系统默认值呈现,然后(假定字体文件已加载)正确的字体将在几分之一秒后呈现。有没有一种方法可以通过延迟页面渲染直到加载字体或类似字体之后来最小化/消除此延迟。

回答:

这取决于浏览器的行为方式。

首先,您的@font在哪里声明?它是内联到HTML,是在页面上的CSS表中声明,还是(希望)在外部CSS表中声明?

如果它不在外部工作表中,请尝试将其移动到一个工作表中(通常还是更好的做法)。

如果这样做没有帮助,您需要问自己:秒差的一小部分是否真的对用户体验造成重大损害吗?如果是这样,请考虑使用JavaScript,您可能可以执行一些操作,重定向,暂停等操作,但实际上这些操作可能比原始问题

更糟糕 。对用户来说更糟,而维护则更糟。

以上是 等待字体加载,然后呈现网页 的全部内容, 来源链接: utcz.com/qa/403754.html

回到顶部