css - google webfonts 在 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;
    }