In CSS2, the fonts module is used to define size, line height, and weight of a text, as well as other properties such as style and family.
In CSS we could use only predefined font families that were available on the computer, but CSS3 gives us the facility to use user-defined fonts which can be used to style the web forms.
Fonts play a major role in deciding how a page or a particular part of a page looks, and that's where the web designers and corporates take benefit, such as in the case of branding.
The @font-face property has taken the usage of fonts to the next level.
This rule allows users to specify any real fonts to the text on the web forms or page. To be more precise, this rule allows downloading a particular font from the server and using it in the web form or page if the user hasn't got that particular font already installed.
CSS3 provides new font descriptors that can be defined inside the @font-face rule. Various font descriptors that can be used are as follows.
The font-style font descriptor is used to define the style of the font that is to be used. It is an optional field and the default is normal.
The
font-stretch font descriptor is used to define how much the font should be stretched. It is an optional field and the default is normal.
Value: normal, condensed, ultra-condensed, extra-condensed, semi-condensed, expanded, semi-expanded, extra-expanded, and ultra-expanded.