/* 消除文字锯齿 */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
上述代码分别是针对webkit和moz内核的两行代码,作用都是消除文字锯齿。
在实际应用当中,大家往往需要给特定元素添加这个样式:
h1, h2, h3, h4, h5, h6, p, span, a { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
这样就可以消除文字锯齿了。特别需要注意的是,在移动端开发当中,消除锯齿对于显示的清晰度影响非常大,因此这个样式一般都是必须添加的。