让网页的字体变得清晰，变细用CSS怎么做？

让文字变细有两个要素：

1、font-weight + font-family

用font-weight 来控制粗细，还是需要看对应的字体有没有对应的变种字体，因此这就和 font-family 相关。

2、-webkit-font-smoothing

这个属性是 Chrome 的抗锯齿属性。加上后会显得细一些，但是只针对 webkit 内核的浏览器才有效。

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 1px 1px 1px 1px rgba(0,0,0,0.005);
text-rendering: optimizeLegibility;

3、总结

第一个反应是想到 font-weight: lighter; 简单测试了下，是有效的，不过没有多平台测试。
第二个想到的是 font-family 设置偏细的字体
第三个是在重置样式里见过，针对MAC，IOS平台，有个 -webkit-font-smoothing: antialiased 样式。