2016-05-19 86 views
1

我玩弄了一個網站和TTF字體,但對於某些原因,字體不想在IE中工作。字體ttf文件不能與IE一起工作

該CSS很簡單,它適用於Chrome而不是IE。

@font-face 
{ 
font-family: 'CAROBTN'; 



src: url('fonts/CAROBTN_.ttf'); 



} 

任何想法?

簡單的遊戲網站是 Digi notes

+0

您使用的是什麼IE版本?編輯:它看起來連微軟邊緣仍然不支持TTF。您需要將您的字體轉換爲WOFF或EOT。 –

回答

1

IE需要.eot字體格式。您可以將現有的.ttf字體轉換爲使用this在線轉換器

+0

Thanka。我嘗試轉換,轉換我的ttf並做一個後備。 –

+0

感謝那個網站爲我的一種字體工作。但沒有,但無論如何感謝 –

0

對於IE瀏覽器,你需要使用.eot字體格式.eot格式,所以你需要在你的ttf文件轉換爲EOT,與像http://www.fontsquirrel.com/ web字體生成器的轉換器。

對於跨瀏覽器兼容性,請使用所有字體格式,而不僅僅是ttf。

@font-face { 
    font-family: 'Example Font'; 
    src: url('fonts/Example-font.eot'); 
    src: url('fonts/Example-font.eot?#iefix') format('eot'), 
     url('fonts/Example-font.woff') format('woff'), 
     url('fonts/Example-font.ttf') format('truetype'), 
     url('fonts/Example-font.svg') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

而對於Chrome的某些字體呈現的問題,最好的解決辦法是把SVG格式在第一的位置,因爲在這種情況下,你會得到最好的字體渲染的結果。

相關問題