您的位置:首页 > Web前端 > CSS

css3抗锯齿 font-smoothing 属性介绍 这一刻字体更清晰

2017-01-07 00:00 531 查看
非标准的
这个特性是标准的和不标准的轨道。不要使用在生产基地面临的网络:它不会为每个用户工作。可能还有大之间的不兼容性实现和行为在未来可能会改变。

总结的
font-smooth
CSS属性控制抗锯齿字体呈现时的应用。

初始值:
auto


适用于:所有元素和生成的内容

继承了:是的

百分比:相对于父元素的字体大小

媒体:
visual


计算值:指定

语法

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

/* <length> */
font-smooth: 2em;

Webkit实现类似与一个不同的名称:
-webkit-font-smoothing
和不同的价值观,然而,font-smooth一样,这是标准,不应使用。

none
——关闭平滑字体显示文本用锯齿锋利的边缘。

antialiased
——光滑的像素级别上的字体,而不是亚像素。从亚像素渲染转向反锯齿光文本在黑暗的背景使它看起来更轻。

subpixel-antialiased
——在大多数non-retina显示这将给最锋利的文本。

Firefox实现类似与一个不同的名称:
-moz-osx-font-smoothing
和不同的价值观,然而,font-smooth一样,这是标准,不应使用。

auto
——允许选择一个优化的浏览器字体平滑,通常
grayscale
.

inherit
——继承父元素。

unset


grayscale
——与灰度反锯齿呈现文本,而不是亚像素。从亚像素渲染转向反锯齿光文本在黑暗的背景使它看起来更轻。

规范

虽然在早期(2002)的草稿CSS3字体,
font-smooth
已被删除从这个规范,目前没有标准。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息