html - Firefox 不会下载字体

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 风格的注释无效。