@font-face 声明适用于 Firefox，但不适用于 Safari/WebKit？答案

【问题标题】：@font-face declaration works on Firefox but not Safari/WebKit?@font-face 声明适用于 Firefox，但不适用于 Safari/WebKit？
【发布时间】：2011-01-18 23:04:48
【问题描述】：

以下@font-face 声明在 Firefox (Mac) 上运行良好，但在 Safari/WebKit 上运行良好：

@font-face {
 font-family:MyGaramond;
 src:local("Garamond Premier Pro"), /* Full name */
     local("GaramondPremrPro"), /* Postscript name */
     url("GaramondPremrPro.otf") format("opentype"); /* Fallback */
}

h2 {
 font-family:MyGaramond, sans-serif !important;
}

为了澄清，我也试过：

@font-face {
 font-family:MyGaramond;
 src:local("Garamond Premier Pro"), /* Full name */
     local("GaramondPremrPro"), /* Postscript name */
     url("GaramondPremrPro.otf"); /* Fallback */
}

h2 {
 font-family:MyGaramond, sans-serif !important;
}

，带/不带引号等。

有没有其他人遇到过这种情况，如果有，您是如何解决的？这不起作用真是令人费解（而且有点烦人......）。

【问题讨论】：

在我制作的一个快速简单的 .html 中尝试了这里的顶级代码，它在 Windows 下的 Sarafi 4.0.4 中运行良好。

标签： css firefox safari webkit font-face

【解决方案1】：

我认为 webkit 在 opentype 方面仍然存在一些问题。 Opera是如何处理的？

【讨论】：

没关系。不确定问题出在哪里，但我使用 TrueType Pro 从 OpenType 转换为 OpenType，现在它工作正常。可能是格式错误的文件。

【解决方案2】：

我一直使用 font squirrel 的 @font-face 生成器，从来没有遇到过任何浏览器问题。

查看网站：http://www.fontsquirrel.com/fontface/generator

【讨论】：