The result of applying would render as it is shown in the next image (note that the color is set the same for all three texts in the ). There the next parameters are set in the example.

inherit - takes after the parent its values.

Here you need to note one of five font types: serif, sans serif, cursive (equal to script fonts), fantasy (equal to display fonts) or monospace.

Name of the font family ( Verdana, Montserrat, Courier).

In this case, a browser will check their presence, sorting out the notified fonts one by one. It is better to notify all the variations of the fonts of one type, because it is hard to predict if the font is available on the user’s computer or not. Inside the family, glyphs may vary in width, slope, or weight.ĬSS font-family property is used for typeface choosing. For web fonts, such information is attached with the link on the font’s resource.įonts in HTML CSS have next important (most often used) properties:įonts with the common design are usually grouped in a font family.

For such fonts describing information can be obtained right from the font resource (for example from a file montserrat.ttf). To simplify, it has information that matches the glyphs with their codes.įont resources may be set up locally on a device in which a browser works. The font in CSS is a resource that contains a visual representation of glyphs.

These fundamentals are described in What is font? article. You will also see the difference between CSS font properties and the common classification of font properties.

You will learn to make your text bold or semibold, to change font size or font family in CSS and many more. The article is aimed to teach you HTML CSS fonts and their properties, depicting with code examples how to work with them.

Verdana font family in css