font-smooth: always; /* always表示始终平滑渲染字体 */ font-smooth: never; /* never表示关闭平滑渲染字体 */ font-smooth: auto; /* auto表示让浏览器自行决定是否平滑渲染字体(默认值) */
当大家设置font-smooth: always;
时,浏览器会在显示字体时尽可能平滑,但这会对带有锯齿边缘的字体产生一定的模糊效果。因此,在实际使用时还需根据具体情况来决定是否使用该属性。
需要注意的是,该属性并不是所有浏览器都支持。目前来看,只有部分现代浏览器支持该属性,如IE9+、Firefox、Chrome、Safari等。
最后,如果要在网页中使用font-smooth
属性,建议在样式表中添加如下代码:
body { -webkit-font-smoothing: antialiased; /* 对webkit内核的浏览器如Chrome、Safari进行设置 */ -moz-osx-font-smoothing: grayscale; /* 对Mac系统下的Firefox进行设置 */ }
此时,在支持该属性的浏览器中,使用此样式表渲染字体时,就能够产生更加平滑、清晰的效果了。