1

我有一个由 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。有任何想法吗?

4

2 回答 2

0

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

于 2013-07-16T14:28:54.163 回答
0

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

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

于 2013-07-16T16:53:46.437 回答