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

Question

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

问题是我在加载新字体之前测量导航。然后新的字体加载改变导航的宽度。然后我的宽度不正确。

有没有办法确定字体加载JavaScript的时间。我正在使用CSS加载字体。

Answer 1

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

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

我不会将整个代码包装在这里，只是依赖于字体的部分。