Question

我有一个由Font Squirrel的web字体生成器创建的webfont。字体在所有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上都有效，你试过吗？

Answer 2

道歉，我在我的问题中发布的代码确实可以在所有系统上运行。问题是我遇到了一个问题，即Myfonts.com的许可网络字体无法在Mac和iOS上运行，作为最后的努力，我决定自己在Font Squirrel上从桌面上的字体生成一个套件（在写上述问题之前）。如果这不起作用，我认为它仍然是同样的问题，但我刚刚意识到在Font Squirrel上生成一个工具包确实解决了Mac / iOS问题。继续不工作的原因只是一个基本错误。

因此，如果您在Mac OSX和iOS上显示Web字体时遇到问题，请考虑在Font Squirrel上生成自己的工具包。

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

2 个答案: