CSS Font Properties

 

CSS Font Properties

CSS fonts offer a range of options to style the text content within HTML

elements. It gives you the ability to control different aspects of fonts,

 including font family, font size, font weight, font style, and more.

 

CSS Code

 

 Output

 

There are many font properties in CSS which are mentioned and briefly

 discussed below:

 

CSS font-family Property:

 

The font-family property specifies the font of an element.

 

CSS Code

 

Output

 

CSS font-style Property:

If we want to give design to any type of text then we can make use of

CSS font-style property.

CSS Code

Output

CSS font-weight Property:

The font-weight property of the CSS is used to set the weight or thickness of

 the font being used with the HTML Text.

 

CSS Code

Output

 

CSS font-variant Property:

The font-variant property is used to convert all lowercase letters into

 uppercase letters.

CSS Code

Output

CSS font-size Property:

The font-size property in CSS is used to set the font size of the text in an

 HTML document.

CSS Code

Output

CSS font-stretch Property:

The font-stretch property in CSS is used to set the text wider or narrower. 

CSS Code

Output

CSS font-kerning Property:

This property is used to control the usage of the Kerning Information that has

 been stored in the Font.

CSS Code

 

Output