@字體面正確地呈現在IE和Firefox，但不是Chrome瀏覽器用來尋找完美的在所有瀏覽器

我的自定義字體，但最近的WebKit更新後，現在呈現在Chrome和Safari很大膽，但在Firefox和看起來不錯IE瀏覽器。@字體面正確地呈現在IE和Firefox，但不是Chrome瀏覽器用來尋找完美的在所有瀏覽器

這裏是我的CSS：

@font-face { 
    font-family: "KlavikaBasicRegular"; 
    src: url("i/klavikabasic-regular-webfont.eot"); 
    src: url("i/klavikabasic-regular-webfont.eot?#iefix") format("embedded-opentype"), 
     url("i/klavikabasic-regular-webfont.woff") format("woff"), 
     url("i/klavikabasic-regular-webfont.otf") format("opentype"), 
     url("i/klavikabasic-regular-webfont.svg#KlavikaBasicRegular") format("svg"); 
    font-style:normal; 
    font-weight:400; 
} 
.block_header { 
    font-family:"KlavikaBasicRegular",sans-serif; 
    text-transform: uppercase; 
    font-weight: normal; 
    font-size: 16px; 
    color: #5b5b5b; 
    line-height: 18px; 
    margin: 0; 
    padding: 7px 10px 5px 20px; 
}

和HTML：

<h3 class="block_header">MY headline</h3>

Font-face-firefox-chrome

其他人發現了類似的問題？

來源

2012-05-19 Richard Harris

我個人有沒有......

我會說，你是最有可能正確，並且有在呈現的各種瀏覽器的差異..

我看你已經有weight:normal ...

嘗試-webkit-font-smoothing: antialiased;

見@http://ilikekillnerds.com/2010/12/a-solution-to-stop-font-face-fonts-looking-bold-on-mac-browsers/

來源

2012-05-19 11:56:29 Jay

謝謝，但沒有任何效果。 –

嘗試更小的字體大小或使用文字陰影......看到http://stackoverflow.com/questions/5069752/ios-4-2-webfont-ttf-s-bold-font-weight-rendering-bug – Jay

字體 - 大小是無關緊要的。無論大小如何，問題都存在。我已經嘗試從12px到30px的所有尺寸。 –

@字體面正確地呈現在IE和Firefox，但不是Chrome瀏覽器用來尋找完美的在所有瀏覽器

回答

相關問題