非标准
该特性是非标准的,请尽量不要在生产环境中使用它!

font-smooth CSS 属性用来控制字体渲染时的平滑效果。

初始值 auto
适用元素 所有元素与生成的内容
是否是继承属性
Percentages relative to parent element's font size
Media visual
计算值 as specified

语法

/* Keyword values */
font-smooth: auto;
font-smooth: never;
font-smooth: always;

/* <length> value */
font-smooth: 2em;
Webkit 实现了名为-webkit-font-smoothing的相似属性。这个属性仅在 Mac OS X/macOS 下生效。
  • none - 关闭字体平滑;展示有锯齿边缘的文字。
  • antialiased - 平滑像素级别的字体,而不是子像素。从亚像素渲染切换到黑暗背景上的浅色文本的抗锯齿使其看起来更轻。
  • subpixel-antialiased - 在大多数非视网膜显示器上,这将会提供最清晰的文字。
Firefox 实现了名为 -moz-osx-font-smoothing 的相似属性。这个属性仅在 Mac OS X / macOS 下生效。
  • auto - 允许浏览器选择字体平滑的优化方式,通常为grayscale
  • grayscale - 用灰度抗锯齿渲染文本,而不是子像素。从亚像素渲染切换到黑暗背景上的浅色文本的抗锯齿使其看起来更轻。
  • inherit
  • unset

规范

尽管在早期(2002)的 CSS3 Fonts 草稿中就出现了 font-smooth ,但是这个属性已经在规范中被移除,而且已经不在标准跟踪之中。

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari
Basic support 25.0[2] 5.0[1] 未实现 未实现 4.0[1]
Feature iOS Safari Opera Mini Opera Mobile Android Browser
Basic support ?[1] 未实现 未实现 未实现

[1] Webkit 实现了名为-webkit-font-smoothing的相似属性。这个属性仅在 Mac OS X/macOS 下生效。

[2] Firefox 实现了名为 -moz-osx-font-smoothing 的相似属性。这个属性仅在 Mac OS X / macOS 下生效。

参见

文档标签和贡献者

此页面的贡献者: zhangchen, hiyangguo, Fantasy_shao, xgqfrms, teoli, Wenbin
最后编辑者: zhangchen,