在css里有让微软雅黑字体变圆滑的方法吗?

html-css018

在css里有让微软雅黑字体变圆滑的方法吗?,第1张

微软雅黑字体在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等移动设备的

所有CSS字体属性

font在一个声明中设置所有的字体属性

font-family指定文本的字体系列

font-size指定文本的字体大小

font-style指定文本的字体样式

font-variant以小型大写字体或者正常字体显示文本。

font-weight指定字体的粗细。