问题标签 [webfont-loader]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 正确使用 Web Font Loader 活动/非活动回调
我对应该是一个相当明显的问题感到困惑。
Webfont Loader 文档声明将其放置为“ <head>HTML 文档中的第一个元素”。它还包括活动/非活动回调选项，当字体加载或加载失败/超时时调用。
问题是，如果我将回调函数放在紧跟在 之后的脚本块中，那么回调函数当时是未定义的。
我的代码如下：
这只是默认的 Google 代码，加上两个回调。
我看到的唯一明显的选择是在定义其他函数之后包含 webfont 加载器，但这并不优雅。我知道有更好的解决方案，但我的 Google-fu 没有找到它。
jquery - 如何使用 google webfontloader 调用 jquery 事件
我在这里阅读了 github 上的文档：https ://github.com/typekit/webfontloader#custom
我知道如何使用添加到 html 标记的 css 类。但由于某种原因，我不明白当字体处于活动模式时如何调用函数。
我的 head 标签中有以下代码，并且正在添加 css 类：
在使用 jquery 处于活动模式时，如何让 alertbox 或 console.log 弹出？
谢谢！！
javascript - 在所有字体完全加载后运行插件，使用 WebFontLoader
我有一个名为slabtext 的插件，我只想在我的字体完全加载后运行它。我尝试了以下方法，但它不起作用（可能是在关闭正文之前的脚本中的错误）。有没有一种简单的方法可以仅在字体完全加载后运行 Slabtext 脚本，我已经尝试过 $(document).ready(function()，但它没有帮助
当所有字体完成加载后，webFontLoader 还会将类 .wf-active 添加到 html 元素中，如果有帮助的话。
syntax-error - 无法理解 Firefox 错误：SyntaxError: missing } after property list
我有以下脚本，它为字体提供本地服务器后备：
但是 Firefox 指出这条线缺少一个结束 }
fontinactive: function (family, fvd) {
对于我的生活，我无法弄清楚出了什么问题对不起 - 我确信某处有一个愚蠢的错误。
任何指向正确方向的指针都将不胜感激。
干杯
fonts - 当 Google 字体加载失败/缓慢时处理？
谷歌字体现在在中国被封锁/严重限制，我们的网站现在很慢。
我们想要处理失败情况而不是让我们的用户等待。当 Google 无法交付时，可以故障恢复使用系统字体，那么，如果我们使用下面的代码，如何解决这个问题？
会改用 JS API 来解决这个问题吗？
css - 如何解决 Fontdeck 为一种字体提供不同的字体系列？
Fontdeck 不提供自己托管文件的选项，不幸的是，它返回的 CSS 具有针对不同字体变体的不同字体系列：
这非常不方便，特别是考虑到他们已经知道正确的重量和风格。我可以解决这个问题并仍然在我的 CSS 中使用Apercu，font-family并让浏览器找出要使用的字体吗？
html - Web Font Loader 不缓存字体吗？
只是想测试 Web Font Loader 的能力，令人惊讶的是，我发现当我需要在另一个页面中加载相同的字体时，加载器会执行新的下载，而不是使用字体的缓存版本。这是正常的吗？如果是这样，是否有一种简单的方法来检查字体是否可用于浏览器，换句话说，它是否被缓存？
这是我加载字体的方式：
我正在使用Web Font Loader v1.5.10.
BramVanroy 的附录：使用 Google 的网络字体时也会出现这种“缺乏缓存”。FOUT（无样式文本的 Flash）在使用字体加载器的网站上短暂出现，即使在多次重新加载页面后也是如此。
由 eldi 编辑：嗨 BramVanroy -> 现在我不确定我是如何解决这个问题的，但可能我只是使用了@font-face. 我测试 Web Font Loader 的原因首先是 FOUT。加载器将 css 类添加到 html 元素，它为您提供了一种在没有正确字体的情况下设置页面样式的方法，当加载字体时，该类就消失了，并且出现了您的“标准”样式。这按预期工作，但出现“缺少缓存”异常，在我的情况下这是不可接受的。我相信修改 HTTP 标头的staypuftman 解决方法可以完成这项工作，我没有时间测试它，特别是我需要做一些研究以找到在 asp.net 托管服务提供商中设置它的方法，因为从应用程序设置它会增加额外的处理时间。
javascript - Google Webfonts：加载字体后如何卸载字体？
目前，我可以使用Google 的 Web Font loader轻松加载 Web 字体：
但是，以后是否可以从 DOM 中卸载字体和添加的元素，以便不再在页面上使用它们？
该项目的 Github 上的文档没有显示任何提供该功能的选项或方法。
javascript - 在正确的时间加载缓存的字体
我有一些通过 Webfontloader 加载的 webfonts 像这样加载......
它在第一次加载页面时效果很好......问题是，当刷新页面时，它只在 html 中请求时检索缓存的字体，而不是在我的 ReactJS 应用程序运行之前（当 Webfontloader 通常获取它们时）。这对我来说太晚了，因为我在预生成的 SVG 中使用它们。
有没有办法强制它每次都获取未缓存的字体？或者更好的是，在正确的时间加载缓存的字体。
javascript - 加载字体后使用 Google WebFontLoader 调用脚本
我想在加载所有字体后使用 Google 的 WebFontLoader 调用 javascript 函数。
我要调用的脚本是 Packery 和 imagesloaded：
我的问题是我不知道如何让它工作？