html - 使用 Chrome 放大时文本模糊

Question

所以我在页面上遇到了这个非常奇怪的问题。用户需要能够缩小以使文本比我已经设置的 10px 更小。这一切都很好，但由于某些奇怪的原因，文本在某些区域变得非常模糊。

有问题的文本在数据表中，它只会以这种方式出现在大约 2/5 行上，使行为更加怪异。不管我调整窗口大小或类似的东西，它始终是相同的 2 行。

我已经查看了多个其他问题，但它们都涉及由 transform: scale() 等引起的问题。这确实让我尝试了多个修复(背面可见性等)，但都没有奏效。 Using CSS zoom: 90% 看起来非常好，所以这正是浏览器进行缩放的时候。

如有任何建议，我将不胜感激，我已经在这个问题上花费了太多时间。

基本字体:400 13px/24px Roboto, "Helvetica Neue", sans-serif

Answer 1

尝试像这样使用 -webkit-font-smoothing: antialiased;

* {
   -webkit-font-smoothing: antialiased;
}