如何获得最清晰的文字？

Question

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

你可以看到Chrome和Safari上的'e'和's'有点粗糙。

如何设置抗锯齿或其他任何方法，使文本尽可能清晰？是所有浏览器？

由于

Answer 1

你可以像这样在css中对chrome进行消毒：

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

以下是您可以阅读的链接：https://github.com/h5bp/html5-boilerplate/issues/598

Answer 2

Chrome和Safari都使用webkit进行渲染。 -webkit-font-smoothing: antialiased会在基于webkit的浏览器中添加antialias，text-rendering: optimizeLegibility可以提高所有浏览器的文本易读性。

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