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

Question

以下@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;
}

, 带/不带引号等。

有没有其他人经历过这种情况，如果有，你是如何解决的？这不起作用真是令人困惑（而且有点恼人......）。

Answer 1

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

Answer 2

我总是使用 font squirrel 的 @font-face Generator，从来没有遇到过任何浏览器问题。

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