Question

我进行了搜索和搜索，但仍然无法弄清楚如何在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文件放在我的“fonts”文件夹中，如下所示：

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

然而，我蹲下了。如果有人能提供任何见解，我们将不胜感激。

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

感谢。

Answer 1

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

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

当链接此页面时，它处理一个.woff文件的获取请求，该文件是mime类型的font / woff。

参考此stackoverflow文章＆lt; CSS @font-face not working with Firefox, but working with Chrome and IE＆gt;，我想在.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'>

@ font-face仍然无法使用Firefox和htaccess

1 个答案: