问题标签 [google-font-api]

我正在从谷歌字体加载“你无能为力”，它在所有浏览器中都能完美运行。但是，如果我的机器上已经安装了字体，它会使用它而不是谷歌字体。有几个问题，一个是font-size: 1.45em;如果字体是从本地机器加载的，那么一个类会显得更大。

我意识到安装字体的人的百分比会很小，但我仍然想知道是否有办法总是强制从谷歌加载？

jsFiddle

我在我的一个页面上使用了来自 Google Fonts 的 Open Sans 字体，尽管我使用的字体样式与 Google 几乎相同，但我的变音符号比其他字母要厚一些：

（您可以在www.cabsurf.com上查看现场版本）

我的 CSS 中唯一的区别是我声明字体系列的方式：

但即使我在声明中只留下 Open Sans，它看起来也是一样的。

我在上面的 Google Fonts 页面中放置了相同的文本（使用 Chrome 中的检查元素）并且文本正确地呈现在它们的一侧，所以我知道字体没问题。

知道我在做什么错吗？

编辑：

在 MacOS X 10.8.4 上使用 Chrome 27 / Firefox 22

我网站上的一些文本在 Chrome 上奇怪地分成了两行。在 FF 和 IE 上，它非常适合单行。我读过浏览器可能都有自己的字体呈现方式。有没有办法解决这个问题？

HTML：

CSS：

小提琴链接：http: //jsfiddle.net/yishaib/Qqgxt/

*显然，我已经打乱了文字。

我在 Heroku 上运行一个网站，并且在加载谷歌字体时遇到了一些麻烦。

我的typography.sass文件包含以下内容：

我的production.rb文件包含以下行：

我的Gemfile包括：

我已经处理了资产管道的所有 Heroku 问题，并且我的所有图像和 css 文件都可以在生产中正确加载，但无论出于何种原因，该字体仅在开发中有效。

假设我有这个字体：Open Sans

如果我想将它与 SASS/Compass 项目一起使用，是否有更好的方法来做到这一点，然后链接到由 Google 托管的附加样式表以便能够使用该字体？

我正在尝试将 PT Sans 添加到时事通讯中，但由于某种原因它没有加载我已经复制了几乎所有的代码，但它不起作用。我会非常感谢任何可以提供帮助的人。

这是CSS代码：

和 HTML 代码：

编辑：这是CSS的其余部分：

您能否将 Google 字体导入 Google Apps 脚本的 HTML 服务？

我正在尝试做：

并使用

但它不断恢复为无衬线字体。

谢谢您的帮助，

我有几个使用 Vollkorn google 字体的标题。我注意到只有在 Firefox 和 Chrome 中，使用默认粗体粗细和正常字体样式，实际文本才会被推到元素的底部边界之外。当我将其切换为斜体时，它会恢复正常。当字体具有正常粗细时，不会发生这种情况。

我制作了一个非常简单的 HTML 文件，它显示了这种行为，但问题只存在于我身上，我将文件发送给了其他人，这两个浏览器都很好。

我试图在 jsFiddle 上重现这一点，但没有成功。 http://jsfiddle.net/5WDJU/1/

这是Pastebin上的代码，为简单起见，我将jQuery粘贴到其中。 http://pastebin.com/yXzHqKrD

这是在我的计算机上显示问题的屏幕截图。

我还尝试通过访问 google 字体网站并使用 Firebug 切换样式来重现这一点，但它工作正常。

我是否错过了某些可以在 jsFiddle 和字体网站上纠正这种情况的样式？即便如此，我也不明白为什么它不会发生在我将文件发送给的人的计算机上。这是谷歌字体的潜在陷阱吗？

我一直在尝试使用 Google Fonts API 为我的网站使用 Ubuntu 字体，但由于 Google 拥有的 Ubuntu 字体与我机器上安装的本地 Ubuntu 字体之间存在冲突，我遇到了问题。最终结果是我不能使用字体粗细为 400 的 Ubuntu 字体；我仅限于 font-weight 300 和 500。无论如何，主站点的 font-weight 300，但我希望使用 font-weight 400 来强调我的标题。

我想通过编辑 Google Fonts 用来删除对本地字体的所有引用的 CSS 来规避这个问题。我已经手动尝试过了，它可以工作。问题是 Google 提供的 CSS 是针对浏览器定制的，因此编辑我看到的 CSS 并将其存储在本地将导致字体仅适用于与我使用相同浏览器的人。

那么，是否可以动态编辑 CSS 以删除对本地字体的引用？

.

我有一个粗略的解决方案的想法，但没有得到足够的教育来知道它是否可以真正实施。基本上，可以有一个最终用户通过<link rel="css.php">. 这个 PHP 文件读取用户的 HTTP 请求，包括有关浏览器的信息，然后使用完全相同的 HTTP 信息向 Google Fonts API 发出请求。Google Fonts 提供了我们用户需要的 CSS。剩下的就是字符串操作。这能行吗？

我有一个所有页面共有的元素，它使用由 Google Fonts API 提供的名为“Just Another Hand”的字体。在我的一个页面上，该元素碰巧加载到了谷歌地图的前面，我注意到当这种情况发生时，字体渲染变为更令人赏心悦目、更模糊但更平滑的外观（见下面的截图）。我在 Windows 8 上使用 Chrome v.29。

进一步观察：请注意灰色标题文本（在屏幕截图中也可见）不会因谷歌地图的存在而改变。使用检查器删除 z-index 属性，字体渲染将恢复到原来的、不那么令人赏心悦目的状态。该元素必须在 Map 前面才能发生任何效果。

为什么会发生这种情况，我可以利用其中一种技术来强制/抑制这种效果吗？

PS我很欣赏这不是一个编码问题，我希望它会收到一个编码答案。