我有一个名为slabtext的插件，我只想在字体完全加载后运行。我尝试了以下方法，但它不起作用(可能是在结束正文之前的脚本中出现错误)。有没有一种简单的方法可以仅在字体完全加载后运行 Slabtext 脚本，我已经尝试过 $(document).ready(function()，但它没有帮助
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
<script>
WebFont.load({
google: {
families: ['Roboto:300', 'Roboto+Slab:400']
}
});
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/slabText/2.3/jquery.slabtext.js"></script>
</head>
<body>
<h1 id="mainhead">
<span class="slabtext">For one night only</span>
<span class="slabtext">Jackie Mittoo</span>
<span class="slabtext">with special Studio One guests</span>
<span class="slabtext">Dillinger & Lone Ranger</span>
</h1>
...
<script>
WebFont.load({
active: function() {
$('#mainhead').slabText();
}
})
</script>
</body>
当所有字体加载完成时，webFontLoader 还会将 .wf-active 类添加到 html 元素中，如果有帮助的话。
最佳答案
在同一个 WebFont-load() 事件中调用“google”和“active”对我有用:
<script>
WebFont.load({
google: {
families: ['Roboto:300', 'Roboto+Slab:400']
},
active: function() {
$('#mainhead').slabText();
}
});
</script>
关于javascript - 使用 WebFontLoader 完全加载所有字体后运行插件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20993637/