css - Google 字体在 Firefox 中不起作用

Question

我真的无法在 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

有人救我吗？

Answer 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;

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

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