Chrome：文本渲染答案

【问题标题】：Chrome: text renderingChrome：文本渲染
【发布时间】：2012-06-15 01:46:35
【问题描述】：

为什么与 Safari 或 Firefox 相比，Chrome 上的文本看起来参差不齐。我了解 Firefox，它是一个不同的渲染引擎，并且总是更好地处理字体，但 Safari 就像 Chrome 一样是 webkit。尽管如此，Chrome 对所有字体的渲染效果都很差。

a.post-tag:hover, .post-text a.post-tag:hover, .wmd-preview a.post-tag:hover {
    background-color: #3E6D8E;
    color: #E0EAF1;
    border-bottom: 1px solid #37607D;
    border-right: 1px solid #37607D;
    text-decoration: none;
}

【问题讨论】：

您能否添加一张小图片来显示您正在测试的浏览器的屏幕截图？（只需发布一个网址，如果它看起来有帮助，有人会内联图像......）
或将其发布到jsfiddle.net，因为可能有其他规则会影响这一点，例如font-family
OSX 还是 Windows？问题是您正在开发的网站所特有的，还是会影响所有网站？
即使我也知道这一点。 Chrome 以不同的方式呈现字体，它们看起来确实很粗糙而且质量有点低。

标签： html css google-chrome

【解决方案1】：

我在通过@font-face 使用外部字体文件时遇到了类似的字体问题，字体在 Firefox 中看起来很棒，但在 Chrome 和 Safari 中看起来有点失真，有时使用不同文件类型的字体有助于使用 . woff 字体文件而不是 .ttf 字体文件。

【讨论】：