css - 苹果设备不呈现字体

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 并让浏览器选择支持的那些。