CSS3属性 font-smooth(非标准样式)

font-smooth属性(该属性是非标准)

  • 初始值: auto;
  • 是否继承性: yes;

这个属性是用来控制字体渲染的平滑效果(抗锯齿,使用该属性会让整个页面的字体更加清晰,细腻。相信大家都用过iconfont,细心的同学会发现在iconfont.css中:
CSS3属性 font-smooth(非标准样式)_第1张图片
-webkit-font-smoothing-moz-osx-font-smoothing仅在Mac OS X/macOS下生效,设置这两个属性就是为了让字体图标更加细腻。下面让我们看看这两个属性有哪些参数!

-webkit-font-smoothing

  • none - 关闭字体平滑;展示有锯齿边缘的文字。
  • antialiased - 字体平滑;展示抗锯齿的文字。
  • subpixel-antialiased - 允许浏览器根据显示器来显示最佳的清晰文字

-moz-osx-font-smoothing

  • auto - 允许浏览器选择字体平滑的优化方式,通常为grayscale
  • grayscale - 字体平滑;展示抗锯齿的文字

其他关键字属性值

  • inherit - 从父元素继承它的值
  • initial - 设置 CSS 属性为它的默认值

PS:各种细节,才能绘制优美的页面

你可能感兴趣的:(css3)