苹果设备不会渲染字体

Question

我想在我的网站上使用稀有字体，称为HeliosThin。我将此字体存储在以下文件夹

中

resouces/static/fonts/font.TTF

然后我将它添加到我的css文件中：

body {
    font-family: 'HeliousThin' !important;
}
@font-face {
    font-family:"HeliousThin";
    src: url("../fonts/font.TTF") /* TTF file for CSS3 browsers */
}

当我使用linux或windows或android时，它在我的本地机器和服务器端工作正常。但是当我在苹果设备上打开我的网站时，字体无法渲染。 我该如何解决？

Answer 1

根据此链接（查看标签浏览器兼容性）

http://everythingfonts.com/font-face

ios不支持ttf只有svg。你最好使用上面页面中指定的技巧，即列出eot，ttf，svg，让浏览器选择支持的技巧。