我有一个由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/