Question

因此，对于我工作的公司，我正在编写一个脚本，该脚本会自动尝试向导航中添加填充以大致填充剩余空间（因为手动向这些元素添加填充是我想要的重复过程试着省略）

脚本在这里：http://a.ndrv.in/Skinning/SmartNav/smartnav.js

我们还使用Adobe TypeKit服务，该服务还会更改我们声明的某些字体。但是，如果字体特别薄（任何具有精简关键字的字体），大约50％的时间，它似乎确定空间量与原始字体大小（通常是Ariel）而不是更新，更浓缩的字体尺寸。＆＃34; SmartNav＆＃34;脚本在页面上加载较低，但即使我将其推送到网站底部，它仍然无法在50％的时间内正确加载。

所以，我想知道是否有一种特定的方法可以告诉这个脚本等到这个字体加载之后再尝试确定要添加到每个菜单元素的填充量。

Answer 1

是的，有办法。根据他们的documentation

<script type="text/javascript" src="http://use.typekit.com/xxxxxxx.js"></script>
<script type="text/javascript">
try {
Typekit.load({
  loading: function() {
    // JavaScript to execute when fonts start loading
  },
  active: function() {
    // JavaScript to execute when fonts become active

  },
  inactive: function() {
    // JavaScript to execute when fonts become inactive
  }
})
} catch(e) {}
</script>

当typekit处于活动状态时，您将调用脚本：）

延迟JavaScript文件，直到TypeKit脚本完成

1 个答案: