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

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

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

  • 初始值: 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已被删除从这个规范,目前没有标准。

转载于:https://my.oschina.net/u/3010603/blog/820632

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值