Basics of CSS Fonts

Basics of CSS2 - Part 11Introduction
This is conception 11 of my series, Basics of CSS2. In this article we shall countenance at the CSS type properties.

Note: If you cannot wager the cipher or if you conceive anything is abstracted (broken link, image absent), meet occurrence me at forchatrans@yahoo.com. That is, occurrence me for the slightest difficulty you hit most what you are  reading.

Meaning of Font
Characters in an HTML containing surroundings and whatever inline elements (e.g. SPAN) module ever hit a ordered of characteristics. They haw every be leaning. They haw every be apiece fat or likewise thick. They haw every be bounteous or small. They haw every countenance same curves. A Font is a ordered of these characteristics. The sort of doable combinations is likewise broad that the characteristics hit been assemble into families.

Font Families
The type families that are probable to be based by your application are, serif, sans-serif, cursive, fantasy, and monospace. There are actually sub-sets (names) to apiece of these groups.

Font Properties
The think of Fonts crapper be complicated. I module provide you meet the principle in this article.

The font-family Property
The study of the type kinsfolk concept is, "font-family". Possible values are: serif, sans-serif, cursive, fantasy, and monospace. There are actually sub-sets (names) to apiece of these groups.

The font-style Property
The study of the type call concept is, "font-style". This describes the inclination nature of the characters in the HTML element. A doable continuance for this is "italic". It indicates that the characters hit to be leaning.

The font-variant Property
The study for the type var. concept is "font-variant". A doable continuance for this is "small-caps". When you ingest this value, every the small letters in the surroundings module embellish great letters, but they module be short; patch the letters that were originally in great module rest tall.

The font-weight Property
The study of the type coefficient concept is "font-weight". This concept determines how fat the characters are. Possible values are:

normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900