学习如何充分利用字体平滑属性

“字体平滑”是什么意思?

通过本教程,提高对CSS属性font-smooth的理解。 了解这个属性的含义以及Web设计者为什么应该考虑使用它。

字体平滑的描述

为什么设计师有时想使用font-smooth属性? 主要是它为设计人员提供了抗锯齿处理时的控制。

字体平滑的CSS版本

在CSS 3中使用font-smooth,并使用下面的示例了解字体平滑语法:

font-smooth:auto | 从来没有| 总是| | 长度| 初始| 继承
根据系统默认值自动平滑文本
永远不要 - 平滑字体
始终 - 始终平滑字体
和长度 - 如果字体大小的值与此大小测量值相同或更大,则在渲染时平滑字体。

使用font-smooth属性时,Web设计人员也应该知道以下内容。

字体平滑示例

不管字体写入多大或多小,本段中的字体都应该平滑。

关于字体平滑属性的警告

并非每个人都有支持字体平滑的浏览器。 了解您的浏览器是否支持此属性。 另外,要小心你如何使用这种风格,因为它可以大大降低文本的可读性。

你需要做一些研究,以确保这不会以这种方式影响你。 有关font-smooth属性的更多信息,请参阅以下内容:

字体平滑示例

字体拉伸

字体效果

字体系列

字体大小

字形

字体样式

字体变

字体重量

更改字体属性