0
我在Google Chrome瀏覽器中遇到了@fontface問題。字體被渲染得太高。@fontface鉻渲染爲高
當我將字體更改爲Arial時,該按鈕在所有瀏覽器中都是正常的。當我將其更改爲@fontface字體時,文本會跳起來。
下面是2個圖像,顯示Firefox和Chrome之間的區別。
我能做些什麼?
我試過了: -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');
}
}
兩人都沒有幫助。
我該怎麼辦?所有的幫助非常歡迎!
嗨,你可能想在Chrome中檢查出這個相關的職位上基於SVG字體 - http://stackoverflow.com/questions/15422770/font-face-svg -not-working-properly-in-chrome – ViRa
嗨ViRa,感謝您的提示,會嘗試一下! +1時它的工作;) – Blaater
是的,這解決了問題!感謝您指出正確的方向! – Blaater