文档章节

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

史文帝
 史文帝
发布于 2017/01/07 17:23
字数 411
阅读 369
收藏 0

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

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

语法

/* 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已被删除从这个规范,目前没有标准。

© 著作权归作者所有

共有 人打赏支持
史文帝
粉丝 1
博文 24
码字总数 8566
作品 0
孝感
程序员
私信 提问
-webkit-font-smoothing,transition,transform动画

1.-webkit-font-smoothing CSS3里面加入了一个“-webkit-font-smoothing”属性。这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。 none:文字的默认样式,可能会出现模糊的...

leona_lily
2015/08/06
0
0
CSS3中字体平滑处理和抗锯齿渲染

在围观Drupal官方主题的时候,发现了一个有意思的非标准CSS选择器,于是上手把玩了一番。如何使用css3字体平滑显示呢 要知道,W3C对CSS中字体的抗锯齿渲染是有过考虑的,如font-smooth,不过...

张立达
2017/05/03
0
0
GitHub Octicons 的制作过程

在我们最近一篇文章中,我们宣布了Octicons,我们的新图标字体。我们投入大量工作在字体方面,整个过程中积累了大量的相关知识。五位设计师同时工作从而做到这一点,这是我们越来越大的合作之...

tsl0922
2013/04/01
1K
1
AmazeUI基本样式

 AmazeUI是一个轻量级、Mobile first的前端框架,基于开源社区流行的前端框架编写。      Normalize  AmazeUI使用了normalize.css,但做了些调整:html添加了-webkit-font-smoothing:...

扎西多顿
2016/10/26
18
0
JFreeChart 中文字体 显示 小方框 问题

JFreeChart 文字模糊问题不令人满意,网上有提到用修改字体的方式来改善,感觉还是效果不怎么样,所以继续测试,找到了比较满意的解决方法 下面这个图是默认情况下显示的字体 下面这个是改成...

红薯
2009/01/01
1K
1

没有更多内容

加载失败,请刷新页面

加载更多

Shiro总结一架构,动态权限配置,登录认证实现

首先说明一点,我没有删除和shiro无关的很多代码,主要是希望大家能更清楚的看到完整项目中的配置,其次,下面文中的使用不会采用shiro配置文件的方式,而是采用实际web项目中动态配置权限认证...

大笨象会跳舞吧
10分钟前
1
0
Kafka 安装及快速入门

介绍 官网:http://kafka.apache.org/ Apache Kafka是分布式发布-订阅消息系统。它最初由LinkedIn公司开发,之后成为Apache项目的一部分。Kafka是一种快速、可扩展的、设计内在就是分布式的,...

群星纪元
13分钟前
1
0
改动一个数字变成递增数列

leetcode:https://leetcode.com/problems/non-decreasing-array/ 给定一个长度为 n 的整数数组,你的任务是判断在最多改变 1 个元素的情况下,该数组能否变成一个非递减数列。 我们是这样定义...

woshixin
23分钟前
0
0
VS2017安装ReSharper

1、在VS的工具扩展中搜索ReSharper 2、在弹出的中下载JetBrains.ReSharper.web.exe,等待下载完成后运行安装 3、如安装成功,则VS的菜单栏会显示ReSharper选项卡 4、以管理员身份运行 dvt-jb...

万邦科技-Anthony
25分钟前
1
0
Centos7安装dig命令

Centos7安装dig命令 作者: jwj 时间: 2018-10-17 分类: 服务器 最近做一个项目,需要用到Gmail邮箱发送邮件,但发现发送不出去。 排查问题时,需要用到dig命令,但使用时,却提醒我dig命令不...

rootliu
25分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部