jQuery - 如何检测自定义字体何时加载完成？

Question

3

我需要测量我的网站导航，以确定我正在构建的功能所需的可用空间。最近，我添加了自定义字体...

问题是，在新字体加载之前我就已经测量导航。然后新字体加载，改变了导航的宽度。这样我就得到了一个不正确的宽度。

请问有没有办法使用JavaScript确定字体何时加载完成？我正在使用CSS加载字体。

- Computer User

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Richard Parnaby-King · Accepted Answer

我假设你在运行jquery之前等待$(document).load。这只是等待DOM变得可访问。如果你想要等到整个网页（以及相关文件）准备就绪，请使用$(window).load：

$(window).bind("load", function() {
       //nav resize code here
});

我不会在你的整个代码中包装这个，只会在依赖于字体的部分中使用。