How to use the font-variant attribute to set small uppercase letters in css

Editor to share with you how to use the font-variant attribute to set small uppercase letters in css. I hope you will get something after reading this article. Let's discuss it together.

The font-variant property or set small uppercase letters.

Small uppercase letters are not normal uppercase letters, nor are they lowercase letters. These letters use uppercase letters of different sizes.

Instance p {font-variant:small-caps;}

Try it for yourself

Bold font

The font-weight property sets the thickness of the text.

Use the bold keyword to set the text setting equipment to bold.

The sticking word 100-900 specifies 9 levels of boldness for the font. If a font has these bold levels built in, the numbers shine directly to the predefined level, with 100 for the tiniest font distortion and 900 for the thickest font distortion. The number 400 is equivalent to normal and 700 is equivalent to bold.

Assuming that the bold of the element is configured as bolder, the reader will set the device to bold a font that is bolder than the accepted value. Similarly, the key word lighter causes the browser to move the roughness down rather than up.

Example p.normal {font-weight:normal;} p.thick {font-weight:bold;} p.thicker {font-weight:900;} after reading this article, I believe you have some understanding of "how to use the font-variant attribute to set small uppercase letters in css". If you want to know more about it, welcome to follow the industry information channel, thank you for reading!