Google 字体在 Firefox 中不起作用答案

【问题标题】：Google Fonts don't work in FirefoxGoogle 字体在 Firefox 中不起作用
【发布时间】：2014-04-03 17:21:06
【问题描述】：

我真的无法在 Firefox 中使用 Google 字体。基本上我有一种来自 Google Fonts 的字体，它在其他浏览器中运行良好，但是在 firefox 中，该字体不起作用。

我的来源：

头：

<link href="http://fonts.googleapis.com/css?family=PT+Sans:400,700" rel="stylesheet" type="text/css" />

而且，我曾尝试放置那个 .htaccess 文件，但它不起作用：

.htaccess:

# BEGIN REQUIRED FOR WEBFONTS

AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff

<FilesMatch "\.(ttf|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

# END REQUIRED FOR WEBFONTS

有人救我吗？

【问题讨论】：

Access-Control-Allow-Origin 标头用于托管字体的网站。也就是说，Google 会发送这样一个标头。您需要做的就是使用 CSS 中的字体。请使用Ctrl-Shift-K 打开 Firefox 的控制台。有消息吗？
哦，伙计，我很喜欢这个答案，它基本上是从 font-family 中删除了“sans-serif”。
很高兴它现在可以工作了。不过，当您在自己的服务器上托管字体文件时，请记住上述.htaccesssn-p。
Google Font not rendering correctly in Firefox的可能重复

标签： css .htaccess firefox fonts

【解决方案1】：

我想出了一个让 Google 字体在 Firefox 中工作的主要修复方法。

此修复涉及将@font-face 添加到您的样式表。

奇怪的是，当我在 Firefox 中时，这是偶然的。

在 Firefox 中，转到 Google.com/fonts 并在列表中找到您的字体。

假设它已正确呈现，突出显示部分文本，右键单击并检查元素。

如果您的检查元素是侧面安装的，在底部标签上，如果它是底部安装的，在右侧标签上，选择规则/计算旁边的“字体”。

您现在应该能够看到与您选择的字体相关的 CSS 代码。它使用的链接与 Google 在其样式表中提供给您的链接不同。

对于您的 PT Sans，这应该可以。

@font-face {
    font-family: "PT Sans";
    font-style: normal;
    font-weight: 400;
    src: local("PT Sans"), local("PTSans-Regular"),     url("http://fonts.gstatic.com/l/font?kit=fQl5KuJ0t7CxaofpRWHFZ5uy9QftGgiCbPT5J2Tle6QGEtCW0q5T6QHEAICoCh1h9R715REvNVFz5maQ3RAjMvuvYlUZxjWJuWoIFYd8ZVs9VGRJmXaKNSd0UG6XHo4E") format("woff2"), url("http://fonts.gstatic.com/l/font?kit=9HC7E4PH-EC-60ASiiwijJuy9QftGgiCbPT5J2Tle6QGEtCW0q5T6QHEAICoCh1h9R715REvNVFz5maQ3RAjMvuvYlUZxjWJuWoIFYd8ZVs9VGRJmXaKNSd0UG6XHo4E") format("woff");
}

另外，当你使用应用字体系列时，这样做

font-family: 'PT Sans', sans-serif !important;

到目前为止，这对我来说适用于每种字体。

我知道我来晚了，但如果你仍然没有解决办法，我希望这会有所帮助。

【讨论】：

【解决方案2】：

我也遇到了同样的问题，调试器很好！从行中删除草书 font-family:'Tangerine'草书，'Arial, Helvetica';

到这里

font-family:'Tangerine', 'Arial, Helvetica';

解决了火狐的问题:)

【讨论】：

【解决方案3】：

嗯，我也有这个问题。我缺少“，”元素。我有font-family:'Open Sans' sans-serif;比我在'Open Sans' 之后添加了,，这对我有用。

【讨论】：