将字体应用于文本需要很长时间并阻止其他所有内容

时间:2017-10-27 21:35:54

标签: css fonts

我为下一个项目找到了一个非常好的字体。 (这里:https://www.1001freefonts.com/surfing-capital.font

现在我遇到了问题,当加载我的css文件并将字体应用于p-Element时,我的页面会冻结。

我想创建一个小的加载动画,因为我知道,我可以向我的访问者展示这个,同时处理我的CSS文件。但是一旦应用了css规则,我的动画也会冻结。

因此,加载css文件不是问题,只有当带有font-family的css规则应用于文本时,其他所有内容都会被阻止。

我还尝试使用media = none:

加载css
<link rel="stylesheet" type="text/css" href="style.css" media="none"/>

但是在这里,页面也会冻结,直到文本以字体显示。

是否有诀窍,以便我的动画不会冻结,而css规则正在进行中?

亲切的问候, 虚空

0 个答案:

没有答案