问题标签 [google-webfonts]

我用它来链接到一些谷歌字体：

我正在使用此代码，它适用于某些浏览器：

为什么IE8中没有字体？http://jsfiddle.net/3NbE5/

我使这个例子尽可能简单：

现在在 IE6-8 中，H1 标签将显示为 300 或 800 以外的其他内容......它看起来像 600。如果我删除 800，它会正确显示为 300。如果我删除 300 并保留 800 ，它正确显示为 800。其他任何人都可以复制这个并解释 IE 是如何显示我什至没有拉入的字体粗细吗？

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

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

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

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

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

我正在尝试在一个简单的网站中使用谷歌字体。我使用的标签是

CSS是

问题是当我在 Chrome 中拉出字体时，字体看起来像素化了。我想知道是否有人可以解释为什么？

例子

我正在使用 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 版本的支持是有限的。

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

谢谢

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

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

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

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

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

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

其中的内容是：

我想使用 css3 和谷歌网络字体进行导航（而不是图形，出于性能原因）。

有人对此有经验吗？将 Google Web Fonts 用于移动客户端是否有缺点/限制？谢谢你。

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

我在我的网站中使用自定义字体。我可以使用本地字体文件：

或者只是使用谷歌的：

考虑到页面加载时间，哪个会更快？

每次刷新页面时，我都必须等待一堆请求返回，然后才能真正看到字体出现。字体被缓存，所有这些请求都返回“未修改”标头。在确定字体没有被修改之前不显示字体是正确的浏览器行为吗？我错过了什么吗？

我知道在加载正确的字体之前我可以使用通用后备字体，但这会破坏我的页面。

我在 Ubuntu 上的 Chrome 和 Firefox 中都看到了这种行为。我的互联网真的很不稳定，所以有时我不得不盯着一个满载的页面，里面有看不见的文字，这真的很令人沮丧。