2014-07-17 115 views
0

我在Google Chrome瀏覽器中遇到了@fontface問題。字體被渲染得太高。@fontface鉻渲染爲高

當我將字體更改爲Arial時,該按鈕在所有瀏覽器中都是正常的。當我將其更改爲@fontface字體時,文本會跳起來。

下面是2個圖像,顯示Firefox和Chrome之間的區別。

Chrome

Firefox

我能做些什麼?

我試過了: -webkit-font-smoothing:antialiased;

我也加入了對字體聲明之後所有的字體以下:

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    @font-face { 
     font-family: 'Museo-Sans-Rounded-100-Regular'; 
     src: url('../fonts/Museo-Sans-Rounded-100-Regular.svg') format('svg'); 
    } 
} 

兩人都沒有幫助。

我該怎麼辦?所有的幫助非常歡迎!

+1

嗨,你可能想在Chrome中檢查出這個相關的職位上基於SVG字體 - http://stackoverflow.com/questions/15422770/font-face-svg -not-working-properly-in-chrome – ViRa

+0

嗨ViRa,感謝您的提示,會嘗試一下! +1時它的工作;) – Blaater

+0

是的,這解決了問題!感謝您指出正確的方向! – Blaater

回答