使用font-weight

Question

从下面的图片中，您可以看到safari使用的字体渲染为某些字符添加了一些白线。这适用于iOS和Mac的Safari。虽然在下面的例子中它并不明显，但在实践中它可能会让人分心。

我注意到在我将font-weight: 400;添加到文字后发生了这种情况。我添加它的原因是修复了Safari的另一个问题，它通过字母之间的字母大字母呈现this Stack Overlow question。

这是文本的整个CSS：

h2 {
  font-family: 'My-Font', sans-serif;
  font-size: 3.5em;
  line-height: 1.2em;
  margin-bottom: 0.5em;
  text-align: center;
}

这是Safari中的另一个错误，是否有解决方法？感谢。

Answer 1

有些人建议

text-rendering: optimizeLegibility;

其他

transform: perspective(1px);

希望它有所帮助。