为了兼容增加字体的兼容性,同时防止用户电脑未安装微软雅黑字体,设置的时候可以用如下代码:
.div{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu }
说明:
加上中文名“微软雅黑”是为了兼容opera。
MicrosoftJhengHei为微软正黑体,STHeiti为华文黑体,MingLiu 在11px下的中文有着不错的效果。
-webkit-font-smoothing: subpixel-antialiased
抗锯齿渲染平滑处理效果
经过测试发现,浏览器的内置基础属性中一般已经包含了字体抗锯齿。不过但是为了保险起见,你一定要加样式的话,那就手动加上一个吧
另外:
-webkit-font-smoothing主要有一下三个属性:
none: 无抗锯齿
subpixel-antialiased (default): 次像素平滑 常见于Mac OS和MacType For Windows
antialiased: 灰度平滑 常用于Android和iOS等移动设备的