mac字体渲染精细处理

问题根源：同样设置的字体，为什么和别人的代码渲染出来的效果在mac上会显得比较’莽‘？

 

全局除了设置字体font-family外， 还需要设置：

//抗锯齿，使得更精细平滑
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;

设置以后mac上的字体显得更精细，圆润。

 

iOS上，修改-webkit-font-smoothing属性，结果是：

• -webkit-font-smoothing: none: 无抗锯齿
• -webkit-font-smoothing: subpixel-antialiased | default: 次像素平滑
• -webkit-font-smoothing: antialiased: 灰度平滑

Gecko也推出了自己的抗锯齿效果的非标定义。

-moz-osx-font-smoothing: inherit | grayscale;