个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
36
4
我有一个名为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/
36
4
0
我有一个名为slabtext的插件，我只想在字体完全加载后运行。我尝试了以下方法，但它不起作用(可能是在结束正文之前的脚本中出现错误)。有没有一种简单的方法可以仅在字体完全加载后运行 Slabtext
对不起，我的英语不好。我错过了什么？我使用以下代码来防止呈现阻塞内容: WebFontConfig = { google: { families: ['Lato:300,300
我目前正在考虑使用来自 Google 的 webfonts，但我仍然不知道如何去做，因为互联网上有很多不同的意见。 我有以下选择: Webfontloader通过 typekit 和谷歌 rel 属性
我想在加载所有字体后使用 Google 的 WebFontLoader 调用 javascript 函数。 我要调用的脚本是Packery和imagesloaded: var container =
我正在尝试使用 Web 字体和 React Konva Canvas 库在 Canvas 上绘制一些文本数据。我正在使用 WebFontLoader 库加载网络字体。 在字体完全加载之前当然会有短暂的
我已经阅读了 github 上的文档:https://github.com/typekit/webfontloader#custom 我了解了如何使用添加到 html 标签中的 css 类。但由于某种
我需要使用 WebFontLoader 在运行时按需加载字体(.ttf、.otf)。 每种字体只有 fontFamily 和 url。 看起来 WebFontLoader 可以选择使用 .css 文件
我喜欢用 WebFontLoader加载字体。这是一个快速的解决方案，对我来说效果很好。我通常通过在我的页面中放置类似这样的内容来异步使用它 : WebFontConfig = { googl
我有webfontloader在浏览器上下文中很好地工作。现在我想看看我是否可以让它在 node.js 中工作+ jsdom上下文，特别是因为 webfontloader 可用作 npm module
我是一名优秀的程序员,十分优秀！