最近做浏览器兼容问题,在mac的safari浏览器中遇到一个坑,同样的字体和大小,Safiri浏览器字体变浅,解决方法是增加抗锯齿兼容。
增加-webkit-font-smoothing属性,-webkit-font-smoothing
控制的字体渲染只对MacOs下的safari浏览器,
修改-webkit-font-smoothing
属性,结果是:
-webkit-font-smoothing:none
: 无抗锯齿-webkit-font-smoothing subpixel-antialiased | default
: 次像素平滑(默认,用这个值就可以解决问题)。-webkit-font-smoothing: antialiased
: 灰度平滑