2014-11-05 62 views
0

我想在我的網站上使用名爲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。但是,當我打開我的網站上的蘋果設備字體不呈現。 我該如何解決它?

+0

哪個版本的iOS不起作用? http://caniuse.com/#feat=ttf – 2014-11-05 17:02:56

+0

我用ios 5的MacBook,iphone 6和ipad 1,字體只是不顯示 – user3673623 2014-11-05 17:09:59

+0

文字是否呈現,而不是正確的字體?或根本沒有文字? – 2014-11-05 17:19:46

回答

0

根據這個鏈接(看標籤瀏覽器的兼容性)

http://everythingfonts.com/font-face

iOS不支持TTF僅SVG。您最好使用上面頁面中指定的技巧,即列出eot,ttf,svg並讓瀏覽器選擇支持的技巧。