2011-09-03 37 views
1

我在我的網站上安裝了一個新的字體,但我不能讓IE8和IE9識別,我沒有關於如何瀏覽器呈現字體的知識,但我的CSS樣式表字體聲明如下,真正的類型字體的IE問題

@font-face {  


font-family: VAGRounded;  src: url("../fonts/VAGRoundedW01-Light.eot") /* EOT file for IE */ 

src:url("../fonts/VAGRoundedW01-Light.eot?#iefix") format('embedded-opentype'); 


} 

@font-face { font-family: VAGRounded; src: url("../fonts/VAGRoundedW01-Light.TTF") format('truetype'), 

url("../fonts/VAGRoundedW01-Light.svg#webfontmvIrHXJB") format('svg'); 

很多幫助表示感謝!

+0

可能的重複,http://stackoverflow.com/questions/5472207/ie-8-problem-with-custom-google-font –

+0

看到這個:http://raptor.hk/custom-font-in-website/ – Raptor

回答

3

如果不首先轉換爲支持的格式(SVG,TT,EOT等),則IE8和IE9不支持通過CSS3方案嵌入的字體。 編輯:IE8和IE9需要調整以支持嵌入字體。由於它是重複的,請參閱您的問題的評論。

僅供參考IE10將成爲第一款支持HTML5標準的IE瀏覽器。

有很多其他嵌入字體的方法。我推薦的是Cufon,因爲它在舊版瀏覽器中使用VML,不需要Flash。

http://cufon.shoqolate.com/generate/

+0

IE8如何? ,我剛剛上傳了我的字體,並給了一個JavaScript作爲輸出,我將如何去安裝它? – Tony77

+0

這裏有一些關於Cufon的安裝說明:https://github.com/sorccu/cufon/wiki/Usage,如果您使用的是Wordpress,Cufon插件也是創建的http://wordpress.org/extend/plugins/wp -cufon/ – crockpotveggies

+0

我正在使用joomla,我需要這個新的字體只提供給我的模板菜單,而不是整個網站 – Tony77

1

您應該考慮使用像字體松鼠的服務。

它爲各種瀏覽器生成所有代碼。

輸出會是這個樣子

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

http://www.fontsquirrel.com/fontface/generator

+0

謝謝,但似乎我的字體被阻止 – Tony77