谷歌网络字体在 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 之后，我就没有在别处寻找过。