html - Chrome：文本渲染

Question

为什么与 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;
}

Answer 1

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