问题标签 [webfonts]

希望这是一个非常简单的问题，但是很多谷歌搜索都没有找到答案！

我想使用支持 Extended-D 的Junicode在网页上显示拉丁语 Extended-D 集中的 Unicode 字符（Extended-D 的PDF 描述） 。

我想显示的代码是“A7​​60 LATIN CAPITAL LETTER VY”。

这是我的完整页面：

这就是我的样式表的样子：

我已经检查并正确加载了 Junicode。但是，虽然第一个 Unicode 字符正确显示为 ῦ，但对于第二个字符，我只&#A760在页面上看到一个文字。

如何指示这应该显示为 Unicode Extended-D 字符 A760？

我的应用程序中有一个initialise函数，我想在满足两个条件时触发：1）窗口已加载：$(window).load()和 2）Typekit 已加载。

目前，这段代码一直在等待窗口加载完毕（包括所有资源，例如图像），然后才开始加载 Typekit 网络字体，然后，当它们也加载完毕时，它将初始化。

但是，我希望 Typekit 在窗口加载之前加载。它们应该异步加载。所以：

现在 Web 字体正在异步加载，但问题是，我需要initialise仅在 1）窗口已加载$(window).load()和 2）Typekit 已加载时触发该函数。有时，窗口会在 Typekit 加载之前加载，有时则相反。

initialise所以我的问题是：我的两个条件都满足后如何触发？

我在 Android 中呈现本地网页，并在 和格式中包含本地引用的 webfonts woff（ttf不是svg通过HTTP获取的）。但是，它们根本不会在两个不同的设备（API 2.2 和 2.3）上呈现，并且控制台日志保持为空。当然，字体在任何支持 webfonts 的浏览器甚至是比 Android (533.1) 上使用的 WebKit 版本更早 (529.x) 的旧 WebKit 版本上都可以正常工作。任何线索我在拼图中缺少什么？

有没有更好的方法将大量 Google Web 字体加载到单个页面中？

也许在页面加载时延迟加载某些内容？或者可能只在用户向下滚动到特定点后加载某些字体？

我不禁想到有更好的方法来加载几种字体。在谷歌“字体集合”中放入 2 或 3 后，页面加载显然非常高。

我并不是想通过使用一堆字体来设计变得俗气，但我试图想出一种更好的方法来显示很多字体——有点像一本标本书。

我想最好的例子是Myfonts上的无限滚动。我知道这些字体不是使用网络字体显示的，但我认为应该有类似的方式来加载网络字体。我的意思是，谷歌如何在主页上加载所有这些字体？

我正在尝试在网站上使用 Ubuntu 字体。我正在使用 FontSquirrel @font-face 生成器。在安装了 Ubuntu 字体的计算机上，当我只拥有类似font-family: Ubuntu. 但在其他计算机上，除非我明确说明我想要哪种特定品种font-family: UbuntuRegular或font-family: UbuntuBoldItalic. 所有浏览器的情况都是一样的。

每次都必须声明重量和款式是愚蠢的。是否有某种方法可以仅声明一般字体系列并在需要时自动使用粗体和斜体？

我正在使用 Google 的网络字体 api，字体为“Lato”，字体粗细为 100。

在桌面浏览器上，我测试过一切都显示正常。但是，如果我使用 iPad 或 iPhone（均为 iOS5）查看网页，我注意到字体非常细，唯一似乎正确显示的是点。

我尝试使用 Javascript、LINK-Tag 和 CSS @import 方法实现字体，都产生相同的结果。

我在他们所说的常见问题解答中看到：Google Web Fonts API 可以在绝大多数现代移动操作系统上可靠运行，包括 Android 2.2+ 和 iOS 4.2+（iPhone、iPad、iPod）。对早期 iOS 版本的支持是有限的。

这意味着它应该工作，对吧？有没有办法解决这个问题？

谢谢

我一直在解决各种浏览器中的 Webfonts 问题，并且一直遵循FontSpring 的建议，这似乎是最新的推荐解决方案。

但是，当我使用 CDN 并从不同域提供 CSS 文件时，我很快发现 IE 或 Firefox 都不会从 CDN 加载 WebFonts 并给出错误，例如@font-face failed cross-origin request. 在我的 CSS 中，我有如下内容：

如您所见，字体的路径是相对于 CSS 的，因此字体不会从 CDN 加载。我所要做的是将站点域中的硬编码到我的样式表中，以便字体确实从同一来源加载。所以我的新样式表如下所示：

现在有了嵌入式域，一切都可以在 HTTPS 和 HTTP 流量中完美运行。但是，我并不完全高兴，因为我不再使用我的 CDN 来提供字体文件，而且我是性能的坚持者。由于我似乎无法解决跨域域问题，因此我一直在考虑嵌入字体。如果您查看http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax，您会看到他们推荐的 data-uri 嵌入格式如下：

所以我对此有很多疑问：

• 当然，如果我使用针对 TTF 和 WOFF 格式的 Base64 编码将字体两次嵌入到样式表中，我将会使我的样式表膨胀到可能嵌入的优势被样式表中的数据加倍或更多所抵消的地步？
• 为什么在示例中是 src: 在每个 url(data:...) 之前没有使用。这是笔误，还是故意的？
• 如果我嵌入字体，所有浏览器都会使用嵌入式版本而不是 EOT 版本，从而节省服务器往返行程吗？哪些浏览器会使用嵌入的 TTF 或 WOFF 文件？
• 为什么我们不嵌入 EOT 版本？

我很欣赏这篇文章中的很多内容，但我希望这篇文章对面临同样困境的其他人有用。

马特

我正在使用一些谷歌网络字体。我听说谷歌处理不同浏览器之间的所有问题，并根据请求标头中的浏览器提供不同的媒体。

我的问题是，它在什么时候做到这一点？

原因是对于 API，您可以简单地包含一个包含@font-face请求的 CSS 文件。我可以简单地将该 CSS 包含在我自己的 CSS 文件中，从而保存 HTTP 请求，还是该 CSS 会根据请求它的浏览器而改变？

我真的希望这是有道理的。

例如，Google 建议您在 CSS 文件中包含以下内容：

@import url(http://fonts.googleapis.com/css?family=Exo);

其中的内容是：

我正在使用 Google Font Loader 加载几个 Google Web 字体。

我注意到，在指定字体以加载以数字形式指定重量的建议格式时，它不起作用。我知道粗体变体的字体加载不起作用，因为 Google 字体加载器插入了wf-istokweb-n7-inactive。

不工作：

作品：

看看现场演示。（注意：jsfiddle 位于 iframe 中，因此您必须深入研究 iframe 的标签才能查看添加的类。）

那么以数字方式指定字体粗细不是正确的方法吗？还是这种特殊字体的异常？

如果我想在所有浏览器中显示相同的字体，包括旧浏览器（例如：IE6、Opera9 等），我应该选择哪一种 @font-face或Web-font两者兼而有之？另外我想知道哪个加载速度更快？