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