Html 字体平滑。什么'；这里的诀窍是什么

我发誓我已经尝试过一千次了，尽管我看过的每一个教程都用它来发誓，但我仍然无法理解。我看不出我的生活有什么不同。我瞎了吗？真的有用吗？我错过什么了吗

这是我的考试成绩

根据和其他如CSS技巧等，这是将呈现平滑字体的主要CSS

html, html a {
     text-rendering: optimizeLegibility !important;
     -webkit-font-smoothing: antialiased;
     text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

这里有一些带和不带的视觉效果

我正在所有主要浏览器中进行测试，如果这些属性被弃用，我想知道是否有人知道当前的方式

---

那么…有人吗？

回答你的问题，是的，有区别，不，你不是瞎子。值

抗锯齿

和

无

之间有很大的差异，但是由于Webkit的人很聪明，他们在默认情况下启用了它。因此，即使您正在添加一个本身非常有用的规则，您也看不出有什么区别，因为浏览器已经在添加该规则了

这里有一个经过调整的小提琴版本，显示了

抗锯齿

和

无

之间的区别：

最后，添加字体平滑是一种很好的做法，因为在某些情况下，尽管有默认的浏览器样式，但实际上会有非常明显的差异。因此，这些样式只是有助于公平竞争，就像重置样式表中的其他样式一样

---

希望这有帮助

也许这不是对你问题的回答，但话说回来。。。但是，字体可以在Chrome中消除锯齿，但（目前）只有在使用.SVG字体时才可以。看看例子。你可以看到不同

---

请看一看@愚蠢的问题，但您没有提到您正在测试的浏览器。我认为-webkit字体平滑不再受支持。无论如何，对于那些对更好的质量感兴趣的人，他们的网站中没有质量，我正在每个主要的浏览器中进行测试@米尔扬，很有意思，所以，如果不赞成，还有其他的方法吗？@LOTUSMS，我想没有。如果您比较FF和Chrome，您会发现FF中的字体呈现效果要好得多。所以，他们正试图解决Chrome中的错误，然后Chrome将默认使用抗锯齿来呈现字体。老实说，我必须是盲人，因为我在所有5个浏览器中运行了你的小提琴，我看不出有什么区别。但是你的回答是有道理的，所以，如果没有其他答案，我以后会接受的。@LOTUSMS，这里也是。看不出有什么不同。这是我的小提琴在我看来的一个例子（Chrome，MacOS）。嗯，可能是因为你在Mac上运行它。我不太清楚我是怎么想的。事实上，这个属性在Windows上不再受支持，只在Mac设备上受支持。好吧，至少我在这里看到了区别，但这不是样式，这是一个字体库。我一直在抱怨FF没有Arial Black（这是我通过艰苦的方式学会的），当其他浏览器都不需要它的时候，我不得不为它准备一个字体库。我喜欢这个解决方案，但它仍然不是我想要的。我感兴趣的是在整个网站上平滑字体。（当然，如果有这种事的话）我知道你想要什么，这里也是。但由于Chrome的缺陷，恐怕没有一个通用的解决方案通过css样式。至少这是有效的。是的，这就是我投票支持它的原因。这是一种治疗，但我的直觉告诉我有人知道一些事情。如果我得不到我想要的，我会回来给你答案。我把它做成了我的最爱，这样我就可以追踪它了。也许我会悬赏看看有没有人带着答案走出森林哈哈…谢谢你不要接受这个答案，也许有更好的解决办法。我还想看到一个通用的解决方案。一定要悬赏。是的，希望它能获得更多的选票和更多的能见度。我经常和客户讨论这个问题，我总是开始结巴和出汗，哈哈。我们拭目以待