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

【问题标题】：Delaying a JavaScript file until after a TypeKit script has finished延迟 JavaScript 文件直到 TypeKit 脚本完成
【发布时间】：2014-09-29 13:20:24
【问题描述】：

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

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

我们还使用 Adobe TypeKit 服务，该服务还会更改我们声明的某些字体。但是，如果字体特别细（任何带有 condensed 关键字的字体），大约 50% 的时间，它似乎决定了空间量与原始字体大小（通常是 Ariel）的关系，而不是更新、更紧凑的字体尺寸。 “SmartNav”脚本在页面上加载得较低，但即使我将它推到网站底部，它仍有 50% 的时间无法正确加载。

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

【问题讨论】：

标签： javascript jquery html typekit

【解决方案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 处于活动状态时调用您的脚本 :)

【讨论】：