将JavaScript文件延迟到TypeKit脚本完成之后

将JavaScript文件延迟到TypeKit脚本完成之后,javascript,jquery,html,typekit,Javascript,Jquery,Html,Typekit,因此,对于我工作的公司,我正在编写一个脚本,该脚本自动尝试向导航添加填充,以大致填充剩余空间(因为手动向这些元素添加填充是一个重复的过程,我想尝试省略) 脚本如下: 我们还使用AdobeTypeKit服务,它还可以更改我们声明的某些字体。然而,如果字体特别薄(任何带有压缩关键字的字体),大约50%的时间,它似乎决定了相对于原始字体大小(通常为Ariel)的空间量,而不是更新、更压缩的字体大小。“SmartNav”脚本在页面的较低位置加载,但即使我将其推到站点底部,仍有50%的时间无法正确加载 因

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

脚本如下:

我们还使用AdobeTypeKit服务,它还可以更改我们声明的某些字体。然而,如果字体特别薄(任何带有压缩关键字的字体),大约50%的时间,它似乎决定了相对于原始字体大小(通常为Ariel)的空间量,而不是更新、更压缩的字体大小。“SmartNav”脚本在页面的较低位置加载,但即使我将其推到站点底部,仍有50%的时间无法正确加载


因此,我想知道是否有一种特定的方法可以告诉这个脚本,在它尝试确定每个菜单元素要添加多少填充之前,等待字体加载。

是的,有一种方法。根据他们的


试一试{
类型套件。加载({
加载:函数(){
//开始加载字体时要执行的JavaScript
},
活动:函数(){
//字体激活时要执行的JavaScript
},
非活动:函数(){
//当字体处于非活动状态时要执行的JavaScript
}
})
}捕获(e){}
当typekit处于活动状态时,您将调用脚本:)

<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>