css - 谷歌网络字体在 chrome 上看起来很糟糕

Question

我的网站严重依赖 Google Webfonts，而且（不幸的是）google chrome 对它们的表现很糟糕，我已经将 font-smooth 设置为 always，但它似乎没有帮助。例子：

有什么办法可以使它们平滑/使它们看起来更好吗？

谢谢，

Answer 1

字体渲染问题在 GChrome 中很常见，请尝试更改 @font-face 源的顺序... Chrome 使用 @font-face 源中的 .svg 文件，出于某种原因，它不允许最后调用 .svg名单

@font-face {
font-family: 'my-dirty-font';
src: url('../fonts/my-dirty-font.eot');
src: url('../fonts/my-dirty-font.eot?#iefix') format('eot'),
url('../fonts/my-dirty-font.woff') format('woff'),
url('../fonts/my-dirty-font.ttf') format('truetype'),
url('../fonts/my-dirty-font.svg') format('svg');
font-weight: normal;
font-style: normal;
}

如果订单@font-face 的订单看起来相似，请尝试更改为

@font-face {
    font-family: 'my-dirty-font';
    src: url('../fonts/my-dirty-font.eot');
    src: url('../fonts/my-dirty-font.eot?#iefix') format('eot'),
    url('../fonts/my-dirty-font.svg') format('svg');
    url('../fonts/my-dirty-font.woff') format('woff'),
    url('../fonts/my-dirty-font.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
    }

Answer 2

我个人会使用

http://www.fontsquirrel.com/

它全部托管在您的服务器上，并且几乎与所有浏览器兼容！自从使用 Font Squirrel 后，我就没有在别处寻找过。