这是我参与11月更文挑战的第21天，活动详情查看：2021最后一次更文挑战
font-smooth
font-smooth属性用来设置文字的抗锯齿渲染。接收的值有auto是初始值，由浏览器决定文字的坑锯齿渲染程度，表示浏览器只能选择字体渲染表现。none表示关闭坑锯齿，字体边缘锋利。antialiased表示字体像素级平滑，在深色背景上会让字体看起来更细。subpixel-antialiased表示字体亚像素级平滑，主要为了在非视网膜设备下有更好的显示效果。grayscale表示灰度坑锯齿渲染，可以让深色背景下的文字看起来更细。
.warpper {
-webkit-font-smoothing: antialiased;
}
font-stretch
font-stretch属性需要字体中有对应的或窄或宽的字体面，否则没有效果，而且支持百分比值和属性值，最多支持多达9个不同拉伸程度地关键字属性值。接收的关键字有normal表示正常的字体宽窄表现。semi-condensed、condensed、extra-condensed、ultra-condensed表示字体不同程度地收缩，其中ultra-condensed是收缩程度最厉害的。
font-stretch: ultra-condensed;
font-stretch: normal;
font-stretch: 40%;
font-stretch: 80%;
font-synthesis
font-synthesis表示就算字体中没有对应的粗体和斜体，也会通过字形变化合成粗体效果和斜体效果。默认值为weight表示如果需要，可以合成粗体字体。none表示粗体和斜体都不需要合成。style表示如果需要，可以合成斜体字体。
font-variant-numeric
font-variant-numeric属性主要用来设置数字的变体效果。接收的参数有normal表示使用正常的数字效果，不使用变体字形。ordinal表示强制使用序数标记特殊的标志符号。slashed-zero关键字属性值强制使用带斜线的0。lining-nums和oldstyle-nums用来控制数字的样式，lining-nums表示数字沿着基线对齐，oldstyle-nums表示数字采用传统对齐方式。proportional-nums和tabular-nums用来控制数字的尺寸。proportional-nums表示每个数字占据的宽度并不一致，宽度大小由字体大小决定。tabular-nums表示每个数字占据的宽度都是一样的，数字就好像被约束在宽度一致的表格中。
diagonal-fractions和stacked-fractions用来控制分数的样式。其中diagonal-fractions表示让分子和分母尺寸变小并将两者用斜线隔开。stacked-fractions表示让分子和分母尺寸变小并将两者用水平线隔开。
font-variant-alternates
font-variant-alternates属性主要用来让字体发生变化，包括样式和风格的变化，以及字符集和字符的变化，从而让字体变得花哨或者变成装饰字符、注释字符等。
