问题标签 [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.
fonts - 即使正确加载字体，Google 字体加载程序也会报告字体加载失败
我有这个奇怪的问题。我正在使用谷歌字体加载器加载字体。
基本上这两种字体都已正确加载，但字体加载器会报告第二种字体未正确加载，而从图像中可以看出这是不正确的。
这真的很乏味，因为我需要在加载所有字体时执行一个操作，现在 Firefox 和 chrome 在调用“活动”处理程序之前正在等待失败。
javascript - webfonts 异步加载时执行代码和底部的其他脚本
我正在使用 Typekit 的代码片段进行异步加载，位于 中<head>，我的 JavaScript 的其余部分位于<body>. 这是 Typekit 脚本的配置部分：
我在加载 webfonts 时在激活slabText的位置添加了active回调。在 99% 的情况下，这是可行的，但在 1% 的情况下，位于我页面底部的 jQuery 尚未加载，因此此 slabText 代码会导致错误并且无法正常工作。Can't find variable: jQuery
当 webfonts、jQuery 和slabText 加载时，我如何准确地执行此代码？
google-api - Webfont Loader & Google JSAPI 不能一起加载？
我不确定为什么，尽管遇到了类似的问题。
尝试使用 webfontloader 从 fonts.com 加载字体，以便在加载函数后调用函数。
但是当我将它包含在 jsapi 中时
我在控制台中遇到以下问题： Uncaught TypeError: Cannot call method 'hasAttribute' of null
但是，如果单独加载，它们很好...
有任何想法吗？
google-webfonts - Google Webfont Loader + FontAwesome 问题
在将异步模式下的 Google Webfont Loader (GWL) 与 Font Awesome 字体组合时，我遇到了一个非常奇怪的行为。
如果我使用 GWL 加载几个自定义字体，Font Awesome 字体会加载 2 次。这是我用于 GWL 的代码：
在 evacss/font-families.css 我有上面两种字体（proxima-nova 和 museo-slab）的字体系列定义
然后在此之前我有经典
使用自己的字体系列定义加载字体很棒
但结果是这样的：
如果我删除 GWL 脚本并只保留我的 Font Awesome Css，那么结果就是预期的结果，它只需要一次加载 Font Awesome。
此版本的 GWL 也会发生相同的行为
我真的不明白为什么 webfont.js 会触发我的 Font Awesome 的双重下载（以更通用的方式用于外部字体系列，我在 GWL 中没有以任何方式引用）
javascript - WebFont Loader 似乎不尊重超时属性？
我一直在研究使用 Google/Typekit 的 WebFont Loader 处理远程 @font-face 请求失败的概念证明，但我遇到了障碍。
演示：http ://dl.dropbox.com/u/114859/code-experiments/web-fonts-loader-test/index.html
现在，它不加载字体（因为它不应该加载，它不存在），但它需要五秒钟才能失败。这是一个问题，因为我告诉它只需一秒钟即可失败。据我在文档中可以看出，我已经正确地做到了这一点（如果我给它一个正确的字符串，它会加载字体）。
当字体 URL 错误时，除了 404 之外，我没有收到任何错误。我怎样才能解决这个问题？
webfonts - 在 fonts.com 上使用 webfonts 时避免使用人造粗体和斜体样式
我正在使用 fonts.com 的 webfont 服务将 webfonts 包含到我的网站中。但是，就我而言，此服务的发布选项还不够。我想要的是能够为每个加载的字体声明字体粗细和字体样式。这样，如果由于某种原因无法加载 webfont，我可以避免使用人造粗体或斜体样式。您可以在此处找到有关此主题的更多信息：http ://www.metaltoad.com/blog/how-use-font-face-avoid-faux-italic-and-bold-browser-styles
然后我偶然发现了Google Webfont Loader并试图用它来解决我的问题。但是，我不知道是否以及如何为加载的 font.com webfont 设置字体粗细和字体样式。有任何想法吗？
PS：我知道 fonts.com 上有一个自托管选项可以轻松解决问题，但这是一个昂贵的选项 :)
javascript - 使用 TypeKit 的 WebFontLoader 处理 Canvas 文本
我很难使用通过TypeKit webfontloader加载的字体作为在画布元素上绘制的文本的字体。
我将其归结为以下测试用例：
每种字体的回调都会触发，但画布文本中并未使用该字体。一个奇怪的方面是从 fonts.com 加载的字体（monotype）部分确实将自己声明为fontinactive，但我可以毫无问题地将它们应用于所有 HTML。Google 字体总是会触发fontactive.
另一个奇怪的方面是谷歌字体将在大约 20 种情况下显示，但是当我将我的testFont函数包装在 asetTimeout中并延迟1000ms 时，这种行为会反转并不时显示 fonts.com 字体。
所有这一切让我得出结论，处理程序可能触发得太早，但我不知道该怎么做（而不是像超时和祈祷这样的骇人听闻的东西）。知道我做错了什么或者我能做些什么来解决这个问题吗？
编辑：为了增加混乱，我刚刚注意到 fonts.com 字体实际上在 IE9 中运行良好。所有其他浏览器似乎都在做我上面描述的事情。
jquery-isotope - 已加载砌体/同位素/包装图像 + 网络字体
我在一个网站上使用 Packery.js [ http://packery.metafizzy.co/ ]，并且在页面加载时遇到了一些布局问题。我查看了 Masonry、Isotope 和 Packery 的文档（所有非常相似的插件，都由 David DeSandro 开发），它讨论了在加载所有图像以及任何 webfonts 后应该触发布局的问题。
http://packery.metafizzy.co/appendix.html
我让 Packery 与 imagesLoaded 一起工作得很好......但我不确定如何将 Google Web Font 加载器与它联系起来。下面是我加载字体的代码，然后是 imagesLoaded Packery 布局。如果有人能提出一种在 Web Fonts 和 imagesLoaded 之后让 Packery 火起来的方法，我将永远感激不尽。
javascript - 想要每种字体支持的语言列表。是否有任何开源字体库或数据库列出它们？
我想要每种字体支持的语言列表。是否有任何开源库或数据库列出它们？或者，Apple Font Book 字体支持的语言列表。它是如何产生的？我假设有一些内部数据库。有什么方法可以提取吗？