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

Question

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

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

有没有一种方法可以确定字体何时加载了 JavaScript。我正在使用 CSS 加载字体。

Answer 1

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

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

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