.example { font-variant-position: super; }The 'font-variant-position' CSS property controls the alignment of the small-caps and normal text at the same baseline. It allows you to specify whether the small-caps glyphs should sit on the normal baseline or be aligned to the caps height.
.numeric-example { font-variant-numeric: lining-nums; }The 'font-variant-numeric' CSS property allows you to control the numerical formatting of text, such as enabling or disabling the use of lining and old-style numerals.
.ligatures { font-variant-ligatures: common-ligatures; }The 'font-variant-ligatures' property controls the usage of ligatures in text. Ligatures are the combination of two or more characters into a single character for better typographic design. By using this property, you can enable or disable ligatures in text.
.east-asian { font-variant-east-asian: normal; }The 'font-variant-east-asian' property in CSS is used to control the display of East Asian characters in a text. It allows you to specify whether to use traditional or simplified character forms, control the width of characters, and enable or disable features such as small caps for East Asian text.
.text { font-variant-caps: small-caps; }The 'font-variant-caps' property in CSS allows you to control the capitalization of text. It can be used to display text in uppercase, lowercase, capitalize the first letter of each word, or display text in small caps.