2012-11-10 87 views
7

我正在用CSS導入字體。但是,它似乎並沒有在IE中工作。我不知道爲什麼。。不在IE中工作

這裏是我的CSS代碼:

@font-face { 
    font-family: 'bello'; 
    src: url('../fonts/bello.eot?'); 
    src: url('../fonts/bello.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/bello.woff') format('woff'), 
     url('../fonts/bello.ttf') format('truetype'), 
     url('../fonts/bello.svg#bello') format('svg'); 

    font-weight: normal; 
    font-style: normal; 
       } 
.bello { 
    font-family: "bello", Verdana, Tahoma; 
} 

我已經添加.eot,.SVG,.woff,.TTF和雜項文件的文件夾的字體。它可以在除IE以外的所有瀏覽器中正確顯示。要創建.eot文件,我使用了此網站:http://www.kirsle.net/wizards/ttf2eot.cgi

我不知道爲什麼它不起作用。任何幫助都會很棒。謝謝!

回答

21

解決了這個問題,這不是eot文件的問題。看起來,IE瀏覽器在查找.eot文件時遇到問題,如果姓氏與字體的全名不一樣。在我的情況下,字體名稱是bello-script,字體系列是bello。改變了他們倆,一切正常。

+2

你,先生,是一個強大的天才**。一直試圖解決這個問題的年齡 – Tom

+2

如果我可以upvote這100次...謝謝先生 –

+2

你能描述你的意思是「字體的全名」?這在哪裏指定?你說你已經將你的字體名稱設置爲「bello-script」,但是我沒有看到你的代碼片段中提到的任何地方。 –