Question

有问题，不确定为什么要加载Chrome，但在Firefox中似乎没有加载。

这是example

提前致谢

Answer 1

检查这个SO线程，它与你有完全相同的问题。其他社区提供了建议的解决方案并帮助解决了这个问题：

css @font-face not working with firefox, but working with chrome and IE

Answer 2

我认为Firefox仅支持TrueType/OpenType TT(.ttf)和OpenType PS (.otf)。

请查看this table。

编辑：我认为您的回答是here。

Answer 3

将字体保存在同一目录中并像这样应用这将起作用我已经检查了我的firefox 12.0

@font-face
{
    font-family: 'Play';
    src: url('play.ttf');
}
.font
{
    font-family: "play";
    font-size: 20px;
}

<p class="font">TESTING</p>

Answer 4

Firefox只接受字体的相对路径。如果您要使用其他域来托管字体而不是页面所在的字体，则必须遵循Mozilla的HTTP access control政策：

此跨源共享标准用于启用跨站点HTTP请求：

[...]

Web字体（用于CSS中的@ font-face中的跨域字体使用

Answer 5

我认为直接从谷歌使用它可能会更好。那么你不需要担心任何版权问题而且它是免费的。

http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:

Answer 6

在Firefox（Gecko）中，web fonts受到相同的域限制（字体文件必须与使用它们的页面位于同一域），除非使用HTTP访问控制放宽这个限制。

注意：由于TrueType，OpenType和Web Open File Format（WOFF）字体没有定义的MIME类型，因此不会考虑指定文件的MIME类型。

Answer 7

几周前，我有同样的问题。

我所做的只是添加local('*Name of Font*)，以便浏览器查找字体

Firefox很奇怪。我注意到在开发本地服务器中它会尝试从您的安装字体集加载字体，然后尝试在您指定的路径中实际查找src字体。

多数民众赞成当地人会帮助它查看本地字体集。

Answer 8

你使用：

<base href="http://www.site.com/" />

如果是，请将其更改为：

<base href="<?php echo $_SERVER['HTTP_HOST']; ?>" />

字体不在Firefox中加载，但在chrome中工作

8 个答案: