ios - @font-face 在 Windows 浏览器中工作，但在 Mac OSX 或 iOS 中不工作？

Question

我有一个由 Font Squirrel 的网络字体生成器创建的网络字体。该字体可在所有 Windows 浏览器上正确显示，但无法在 Mac OSX 或 IOS 上的 Safari 上显示。我还在 iOS 上的 Chrome 上发现了相同的结果。我试图找到这个问题的答案，但没有成功。

以下 CSS 位于外部样式表中:

@font-face {
    font-family: 'mayfieldregular';
    src: url('mayfield-webfont.eot');
    src: url('mayfield-webfont.eot?#iefix') format('embedded-opentype'),
         url('mayfield-webfont.woff') format('woff'),
         url('mayfield-webfont.ttf') format('truetype'),
         url('mayfield-webfont.svg#mayfieldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

以上4种字体肯定是上传到CSS样式表的同一个文件夹下

该网站还包含一个包含 CSS 的样式表，例如: h1 { font-family: 'mayfieldregular'; }

但出于某种原因，这适用于 Windows，但不适用于 Mac OSX 和 iOS。有什么想法吗？

Answer 1

我使用过 .otf 字体文件，它们在 Windows 和 Mac 上都有效，你试过了吗？