没有办法,系统处理字体一般只能达到这个效果,如果不是广泛的应用可以使用图片,再有就是字体不要小于12px(font-size:12px),试着加粗看看能不能好点(font-weight:blod)!
一般不建议你用这个字体,其实在网页上效果并不好,因为都是像素字!
你可以试试别的字体,font-family:Tahoma这个用的比较多,相对位置也比较好!
微软雅黑字体在win7及以上系统是很美观的。但是在xp下面显示美观性要差一些。为了兼容增加字体的兼容性,同时防止用户电脑未安装微软雅黑字体,设置的时候可以用如下代码:
.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等移动设备的