2012-11-07 51 views
6

我剛開始使用Entypo font-face製作我的社交圖標,但在IE8或更高版本中,它將字體顯示爲空白框。我不知道我的代碼或字體是否有問題。使用Entypo @ font-face在IE8或更高版本中不起作用?

@font-face { 
font-family: 'entypo-social'; 
src: url('entypo-social.eot'); 
src: url('entypo-social.eot?#iefix') format('embedded-opentype'), 
    url('entypo-social.woff') format('woff'), 
    url('entypo-social.ttf') format('truetype'), 
    url('entypo-social.svg#svgFontName') format('svg'); } 


.social_font a{ 
font: 47px/20px 'entypo-social', Arial, sans-serif; } 

回答

5

Entypo在IE8中不起作用。我剛剛訪問他們的網站在IE8和他們的演示完全破碎。

1

這是我一直在使用的字體面的代碼:

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

,你可以在此乘坐llok。 http://css-tricks.com/snippets/css/using-font-face/

順便說一句:font-face在IE8中工作。

+0

我試過了,我想我已經縮小到不是IE8的問題。但相反,它是從我從http://www.entypo.com/ –

+1

你好。在本教程中採用llok。 [link](http://designfromwithin.com/blog-webdesign-development/2012/04/16/tutorial-cta-button-without-images-using-css3-and-entypo)。他們正在使用你的字體。我在IE8中測試了我自己。 – Ricbermo

+0

謝謝你的教程,但我已經測試過我自己,你說得對,它在IE8中工作正常。但我正在與社交圖標合作。常規字體適用於所有瀏覽器,包括IE9 - IE7。我不知道社交文件夾中的.eot文件是否有問題。 –

0

仔細檢查你沒有IE的兼容性視圖選中。浪費了一個多小時沒有檢查,並取消選擇時工作正常。

另外,如果您使用html5shiv,請嘗試將它放在包含字體的css文件之後。

相關問題