我有一个由Font Squirrel的网络字体生成器创建的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上运行。有任何想法吗?

最佳答案

我使用了.otf字体文件,并且它们在Windows和Mac上均可使用,您是否尝试过?

关于ios - @ font-face可在Windows浏览器中使用,但不能在Mac OSX或iOS中使用吗?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17678996/

10-12 06:37