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问题。歌剧如何处理它？</ p>

Answer 2

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

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

@ font-face声明适用于Firefox而不适用于Safari / WebKit？

2 个答案: