问题标签 [google-webfonts]

我想在我的 Bootstrap 网站上添加漂亮的字体。我是程序员，不是设计师。

我四处搜索并最终访问了 Google Webfonts 网站。谷歌自己的字体浏览器对我的任何浏览器（OSX Chrome、OSX Safari、Win7 Chrome、Win7 IE9）都不起作用（所有字体默认为衬线或其他东西），所有字体都显示相同。

• 为什么 google 的 webfont broswer 不适合我？http://www.google.com/webfonts
• 我怎么能相信他们为其他人工作
• 使用自定义字体的防弹方法是什么？
• 我必须自己购买并托管它们吗？这是一个坏主意吗？

我正在寻找使用Joesfin Sans。它列在 Google 网络字体中。我也有 .eot、.svg、.ttf 和 .woff。这意味着与文件完全兼容（据我所知）。

我的主要问题是：哪个更好？谷歌字体加载速度更快吗？是否更兼容？还是我应该坚持这些文件？

我需要谷歌网络字体的帮助。我正在使用 Ubuntu Condensed，所有拉丁字符在 google webfonts 网站上都可以正常工作，但是当我在我的网站上使用它时，小写字母žšć很大。使用：

这是示例：http ://dsgnet.net/desavanja/

在页脚Uslovi korišćenja 的文字看起来很糟糕。

这里有什么问题，我该如何解决？

我在使用 Google 网络字体时遇到了一些奇怪的行为。现在我像嵌入样式表一样使用它，它工作正常。

但是当我将这个 @font-face 值用于我的 css 文件时，它无法正常工作。

这些代码发生了什么，我认为两者的作用相同。有什么想法吗？

笔记。我还计划将此字体下载到我的系统并从服务器加载它。提前致谢。

我尝试优化 Google 网络字体查询，以包括基本的拉丁语集 + 一些对我的母语（捷克语）至关重要的拉丁语 ext 字符。

https://developers.google.com/webfonts/docs/getting_started?hl=cs#Quick_Start

上面的链接表明我可以修改查询以仅包含一些字符以使其显着更轻。所以我尝试了这些字符：

aábcčdďeéěfghchiíjklmnňoópqrřsštťuúůvwxyýzžAÁBCČDĎEÉĚFGHChIÍJKLMNŇOÓPQRŘSŠTŤUÚŮVWXYÝZŽ.,?!;/-_:"'|()[]ˇ+*@#$%^&¨®°©

查询看起来像这样（因为所有“不寻常的”字符都必须被 html 转义）：

http://fonts.googleapis.com/css?family=Open+Sans:300&%20a%C3%A1bc%C4%8Dd%C4%8Fe%C3%A9%C4%9Bfghchi%C3%ADjklmn%C5%88o% C3%B3pqr%C5%99s%C5%A1t%C5%A5u%C3%BA%C5%AFvwxy%C3%BDz%C5%BEA%C3%81BC%C4%8CD%C4%8EE%C3%89%C4% 9AFGHChI%C3%8DJKLMN%C5%87O%C3%93PQR%C5%98S%C5%A0T%C5%A4U%C3%9A%C5%AEVWXY%C3%9DZ%C5%BD.,# $%^&¨® °©

最终结果看起来很正常，它只有 23KB 而不是标准的 45KB（带有完整的拉丁 ext 字符集）。问题是在某些计算机上，某些字符未正确加载 - 它们以 Arial 呈现（例如，单词“ODPOVĚDI”中的“Ě”）。任何人都可以帮助我哪里可能出现问题，或者我下次看到它时如何追踪它？或者仅仅是因为这个功能在谷歌网络字体中处于测试阶段？

我在使用 Google webfonts 时遇到了一些问题。

我正在使用名为“Bitter”的 Google Webfont。但在 Firefox 和 Chrome 中，它的呈现方式有所不同。Chrome 和 Opera 似乎以类似的方式呈现它。它并没有太大的不同，但它弄乱了段落的格式和组成。

这是CSS：

这是我正在谈论的问题的屏幕截图：http: //i49.tinypic.com/2u46mpi.png

谁能建议我如何在 Firefox、Chrome 和 Opera 中获得一致的渲染？

谢谢

我正在使用 Head.js、Google Web Fonts，并从网络上的其他地方提取一些内容（占位符图像）。

我注意到的是，在页面加载时，我看到了无样式的内容，然后我的标题字体正确加载，但重量不正确，然后加载了正确的重量。

关于是什么导致我的标题文本出现这种奇怪行为的任何想法？它不应该只是从无样式变为正确请求的字体吗？

还有什么是阻止对禁用 javascript 的人友好的 FOUC 的最佳方法？

谢谢！

更多细节：

我正在使用 Google 提供的 Javascript 方法来插入我使用的 3 种字体。我可以清楚地看到它正在加载 'Istok+Web:700:lating' ，这意味着应该只提供 700 的重量。

由于这种方法，我根本不使用@font-face。简单的 font-family 就好像它是一个普通的东西。

虽然我正在使用 LESS.js，但从网络分析器来看，它似乎并没有导致任何严重的减速。

有人可以帮我检查一下吗？

在除 Firefox 之外的所有浏览器中定义的行为是 web 字体在加载之前是不可见的（但节省了空间）。

在我可以测试的 Chrome 和 IE9 中，您可以看到一个奇怪的错误，IE9 将其展示得最好。

页面加载时，会显示标题文本，然后在加载 Web 字体时将其变为不可见一秒钟。

奇怪的是，我相信最先闪现的字体是网页字体。

由于刷新，我发现它在 Chrome 中有点难以看到，而在 IE9 上，背景不会刷新，因此您可以很容易地看到文本变得古怪。

这是我正在处理的演示站点的链接：-----

谢谢您的帮助！

我注意到从 Chrome 到 Safari/Firefox 的 Open Sans（Google Web 字体）的渲染存在显着差异。我附上了两张照片，第一张是 chrome，第二张是 safari。

我在样式表中只有：

希望您能提供帮助，因为我真的很喜欢 chrome（第一张图片）渲染，但讨厌另一个！

我正在尝试解决 Google WebFonts 的问题。我想使用他们的字体Signika。如您所见，它有诸如Š、Ů 声明/实现之类的字母。然而，在我们的网站上，它不会呈现这些字母，而只是标准的，并且在DOMŮ字中- 字母Ů是另一种字体，而DALŠI字母Š是另一种字体。有什么解决办法吗？我应该为这些类型的字母声明一些编码，还是问题出在哪里？