Question

在我之前提出问题后，我被指示使用媒体查询 - 这可以在How to layout text and Image correctly看到。从那时起，我在修改我的网站方面取得了一些成功，我要感谢该主题中的海报。

现在我正面临一个新问题=。

firefox中的自定义字体

无论我尝试什么文件类型，我都无法让我的自定义字体在Firefox中运行。我正在使用firefox版本31.0，谷歌搜索后建议我需要使用.woff文件类型。这是我声明的字体面列表;

@font-face {font-family: 'CustomFont';src: url('font/Pacifico.ttf'); 
@font-face {font-family: 'CustomFont';src: url('font/Pacifico.svg');
@font-face {font-family: 'CustomFont';src: url('font/Pacifico.woff');

Chrome操作系统完美无缺，Safari也是如此，所以我不确定为什么firefox不会，有没有人有任何想法？查看开发人员日志我可以看到以下错误;

downloadable font: download failed (font-family: "CustomFont" style:normal weight:normal stretch:normal src index:0): status=2147746065
source: http://secondstory.co.uk/swifte/css/swifte/font/Pacifico.ttf

谷歌搜索这并没有真正帮助我

Answer 1

在你的styles.css（我去你的网站）有一行：

<!--@font-face {font-family: 'CustomFont';src: url('swifte/font/Pacifico.ttf'); /* For Internet Explorer 6+ */}-->

如果删除该行，则可在Firefox中使用。

作为一般规则，在CSS文件中使用c风格的注释。 SGML风格的评论无效。

Firefox不会下载字体

1 个答案: