【发布时间】：2014-09-08 12:45:22
【问题描述】：
我对 Google Chrome 中的 @fontface 有一些问题。字体渲染得太高。
当我将字体更改为 Arial 时，该按钮在所有浏览器中都可以。当我将它更改为@fontface 字体时，文本会跳起来。
以下是 2 张图片，展示了 Firefox 和 Chrome 之间的区别。
我能做什么？
我试过了： -webkit-font-smoothing：抗锯齿；
我还在字体声明之后为所有字体添加了以下内容：
@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 的字体的相关帖子 - stackoverflow.com/questions/15422770/…
-
您好 ViRa，感谢您的提示，准备尝试一下！ +1 工作时 ;)
-
是的，这解决了问题！感谢您指出正确的方向！
标签： css html google-chrome fonts font-face