2013-05-08 55 views
0

我一直跟着用於@字體面本文http://coding.smashingmagazine.com/2013/02/14/setting-weights-and-styles-at-font-face-declaration/comment-page-1/#comment-870111@字體面仿斜體在IE8

不幸的是在希望防彈說明我仍然對我的網絡字體讓人造italicisation在IE8中,我嘗試來說明如果字體由於某種原因而不加載時我的倒退字體的樣式。

我正在使用Pacifico腳本字體(本地服務),並且我想確保它降級爲襯線斜體。我狡猾地將它聲明爲font-style:斜體在我的@ font-face中。

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

} 

此h1樣式正確加載字體,但在IE8中,腳本獲取仿斜體。

h1{ 
font-family: 'Pacifico', serif; 
font-weight: 500; 
font-style: italic; 
font-size: 32px; 
color: #f9a51a; 

肯定我已正確執行所有指令:(所有作品預計在Chrome和Firefox - 。在@字體面聲明我已經做確實停止仿造型,但我擔心是沒有IE8的完美解決方案

。(澄清 - IE9似乎正確呈現兩個web字體和回落字體/樣式。)

+0

爲什麼使用'font-weight:500'?幾乎可以肯定的是,由通用名稱「serif」表示的字體沒有任何與該權重相關的字體,因此瀏覽器應該使用權重400,但爲什麼給它們一個失敗的機會呢? – 2013-05-08 06:17:13

+0

是你使用的唯一的font-face聲明?如果不是,我可能會知道答案。但我同意@jukka你應該提供作爲字體重量:400 – albert 2013-05-08 13:18:31

+0

感謝您的答覆,對我遲到的承認抱歉。如果這更具語義性,我確實將其改爲400。但它對我的問題沒有任何影響。 – spacewindow 2013-05-20 00:28:36

回答

0

這種字體有issues with acute characters我花了好幾天時間追查的錯誤我。最後發現它是webfont,它一直在IE8中打開兼容性視圖,或者IETester崩潰。

可悲的是唯一的解決辦法是使用另一種字體,直到字體作者更新它並修復問題。