Smoothy: 一款提升 Mac 下字体渲染效果的 chrome 插件

[chemzqm]

效果图



自测rmbp效果非常明显，windows无效。

其实只是加了一行样式

-webkit-font-smoothing: antialiased;

原因是 webkit 默认没有启用最佳的字体抗锯齿效果所以导致了模糊。

插件上有一个按钮，可以点击启用或者禁用。

下载地址：
https://chrome.google.com/webstore/detail/smoothy/dcbpmjgjjfhgfcmbejdlbjhpfkmopdjd

相关阅读： http://stackoverflow.com/questions/11459746/css3-webfont-smoothing-and-antialiasing-in-firefox-and-opera?lastactivity

[acdea4effdbb420d]

哪个是启用后的？不觉得左边那个字体发虚么？

[blacktulip]

连字体都给我改了... 间距和行高也会变，没法用。

[likaci]

和mactype效果差不多

[chemzqm]

@blacktulip 去掉字体的代码了，应该一会儿就能看到了， 我只动了font-family，不清楚怎么会导致行高变化。

@acdea4effdbb420d 右边是没启用插件的效果，很虚

@likaci mactype 貌似是主题，这个插件只是body上加一行样式，可以很方便的切换

[jwk345]

不觉得改了之后好看

[zdf]

右边的是没启用的？我怎么感觉是左边的发虚啊。

[jsonline]

不一定会变好看

[9hills]

做效果对比，就不要用jpg来对凑了。。。我感觉左边的不好

[chemzqm]

@9hills 微博把图片转成了jpg，webstore上的图片链接没后缀 v2ex不能直接显示，坑爹啊

[hotcha0111]

同觉得左边发虚...

[jakwings]

字变瘦了，感觉变小清新了，用在 V2EX 上，感觉主题都要微调不少才能适应新效果。由于字变瘦了，假如不是想专门呈现小字体的话，这反而会起反效果，搞得较普遍的 14px-18px 的字都看不太清楚了（难道我视力又下降了……），细节越多，看得越累啊。

我在华文楷体上试了一下，字没之前那么有厚重感了。另外在粗体效果下，假如字体不自带粗体版本（如，华文楷体），不开反锯齿功能反而更糟糕了。就算已有相应粗体字体，不取消反锯齿也不会难看多少。所以这个功能还是不要全局启用比较好，应该由网页设计者自行指定。

[YY]

看起来右边好多了

[chemzqm]

@jakwings 可能mbp上会有反效果，rmbp我感觉整体上精细的了不少，跟系统内的自己显示一样。中文我也没注意过，现在很少上中文的网站了