文字变形 font-variant

Docs

font-variant 属性是font-variant-caps, font-variant-numeric, font-variant-alternates, font-variant-ligatures, font-variant-east-asian等属性的简写。

font-variant 可以影响小写字母的显示形式
- variant 是变形的意思;
可以设置的值如下
- normal：常规显示
- small-caps：将小写字母替换为缩小过的大写字母
  - small-caps, all-small-caps, petite-caps, all-petite-caps, unicase, titling-caps

HTML
CSS

<p class="normal">
  <span class="keyword">normal: </span>
  Remove the thorn in the flesh. 除去眼中钉。
</p>
<p class="small">
  <span class="keyword">small-caps: </span>
  Remove the thorn in the flesh. 除去眼中钉。
</p>
<p class="allsmall">
  <span class="keyword">all-small-caps: </span>
  Remove the thorn in the flesh. 除去眼中钉。
</p>

.keyword {
  background-color: rgba(30, 144, 30, 0.6);
  font-weight: bold;
}

.normal {
  font-variant: normal;
}

.small {
  font-variant: small-caps;
}

.allsmall {
  font-variant: all-small-caps;
}

http://localhost:3000/font-variant.html

normal: Remove the thorn in the flesh. 除去眼中钉。

small-caps: Remove the thorn in the flesh. 除去眼中钉。

all-small-caps: Remove the thorn in the flesh. 除去眼中钉。

css-font-variant