为了兼容增加字体的兼容性,同时防止用户电脑未安装微软雅黑字体,设置的时候可以用如下代码:
.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等移动设备的
所有CSS字体属性font在一个声明中设置所有的字体属性
font-family指定文本的字体系列
font-size指定文本的字体大小
font-style指定文本的字体样式
font-variant以小型大写字体或者正常字体显示文本。
font-weight指定字体的粗细。