1

我已经搜索和搜索，但我仍然无法弄清楚如何在 Firefox 中加载我的自定义字体。使用 @font-face 属性，我在头部有这个：

@font-face {
   font-family: 'MeanTimeMedium';
src: url('http://sweetbacklove.com/fonts/meantimec3-webfont.eot');
src: url('http://sweetbacklove.com/fonts/meantimec3-webfont.eot?#iefix') format('embedded-opentype'),
     url('http://sweetbacklove.com/fonts/MeanTimec3.ttf') format('truetype'),
     url('http://sweetbacklove.com/fonts/meantimec3-webfont.woff') format('woff'),
     url('http://sweetbacklove.com/fonts/meantimec3-webfont.svg#MeanTimeMedium') format('svg');}

因为 Firefox 不接受到其他域的直接链接，所以我将一个 .htaccess 文件放在我的“字体”文件夹中，如下所示：

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

尽管如此，我还是要蹲下。如果有人可以提供任何见解，将不胜感激。

我的网站。字体和 .htaccess 文件托管在装有 IIS 7.0 的 Windows 服务器上的 GoDaddy 上。

谢谢。

4

1 回答 1

3

Google Web Fonts API 生成/使用链接标签，放置在 html 头标签中。

<link href='http://fonts.googleapis.com/css?family=Capriola' rel='stylesheet' type='text/css'>

当此页面链接到时，它会处理对 .woff 文件的获取请求，该文件是字体/woff 的 mime 类型。

参考这篇 stackoverflow 文章 < CSS @font-face not working with Firefox, but working with Chrome and IE >，你我想在你的 .htaccess 文件中添加以下 Mime 类型。

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

您也可以尝试直接链接到字体文件（我没有尝试过）

<link href='http://sweetbacklove.com/fonts/meantimec3-webfont.woff' rel='stylesheet' type='font/woff' media='all'>
于 2012-07-31T00:08:25.873 回答