使用jQuery知道何时加载@ font-face字体？

小编典典

css

我正在使用@ font-face，但我讨厌Firefox显示默认字体，等待加载@ font-face字体，然后替换它。因此，整个页面都会以新字体闪烁。

Webkit浏览器只是在加载字体后才显示文本，而且外观更加简洁。

因此，我想知道jQuery是否可以帮助我知道何时加载页面上的所有数据（包括@ font-
face文件），以便随后显示文本？是否有一个jQuery方法告诉我何时加载了所有内容？

阅读 485

2020-05-16

共1个答案

小编典典

好的，这很容易。基本上，我只是将文字设置为：

a.main {visibility: hidden;}

然后添加：

$(window).bind("load", function() {
       $('#nav a.main').addClass('shown');
});

然后确保以下内容也在我的css文件中：

a.main.shown {visibility: visible;}

2020-05-16