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

Question

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

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

有没有办法可以确定字体何时加载 JavaScript。我正在使用 CSS 来加载字体。

Answer 1

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

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

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