字体未在IPad中查看的网站中应用

Question

我们正在使用以下CSS来为我们的网站应用字体样式。但是，当通过iPad设备查看网站时，未应用该样式。请帮我解决这个问题。

@font-face {font-family: boldFont;src: url( 'whitney-bold.ttf' );}

Answer 1

您需要SVG格式的字体文件才能在iOS设备上运行。尝试使用以下链接，使用@font-face生成浏览器兼容性所需的所有格式。

http://www.fontsquirrel.com/fontface/generator

上传您需要的字体，它将生成一个包含以下字体格式的包：

TrueType字体 - Firefox 3.5 +，Opera 10 +，Safari 3.1 +，Chrome 4.0.249.4 +
EOT字体 - Internet Explorer 4+
WOFF字体 - Firefox 3.6 +，Internet Explorer 9 +，Chrome 5+
SVG字体 - iPad和iPhone

Answer 2

这个问题之前已经被问到了。 Using CSS @font-face with the iPad/iPhone

这个其他问题和各种博客搜索都表明，ios mobile safari要求您将某些字体类型转换为svg，以便它们正确呈现。