Html 如何获得最清晰的文本？

下面是来自四个浏览器的四个文本示例

   body {
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility
   }

你可以看到，在Chrome和Safari上，“e”和“s”有点参差不齐

我如何设置抗锯齿，或者其他什么，使文本在所有浏览器中都尽可能清晰

---

谢谢

您可以使用css对chrome中的文本进行如下反序列化：

body
{
   -webkit-text-stroke: 1px transparent;
}

---

以下是您可以阅读的链接：

Chrome和Safari都使用webkit进行渲染<代码>-webkit字体平滑：抗锯齿将在基于webkit的浏览器中添加抗锯齿，并且

文本呈现：优化易读性

提高所有浏览器中的文本易读性

   body {
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility
   }

---

我会避免在我的项目中使用“e”和“s”。）谢谢，但是我看不出这种风格在Chrome上有什么不同。如果它应该触发一个不同的字体引擎，那就好像其他什么东西仍然在禁用开关，或者其他字体引擎不在那里。下面Suchan Lee建议的两种风格也是如此。