Design of font style property by CSSFonts are important part of our html page. We can manage the style property of our fonts using style sheet. We will use internal style sheet to set the property values of our fonts. We will discuss each font property here and its possible values. At the end you can see the demo and html code of the style sheet used. Font FamilyLet us start with font type or family by saying what style of font to be used. We can use any supported font. Here is how we will set the font family using CSS.DEMO: Apply different font family by selection and generate CSS code Font ColourFont Colour using style properties and how to manage Font StyleWe will try to set the font style by using font-style property.It can take values as normal, italic and oblique Font WeightWe will set the weight of the font. We can have values100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | normal | bold | bolder | lighter Here is one example on how to set font-weight Font SizeWe can set relative or absolute font size for the text.Different types of Font Sizes and how to manage Font variantWe can be used to display fonts in two options one is normal and other is SMALL-CAPSWe can adjust the gap between lines ( line spacing ) by using line-height.
This article is written by plus2net.com team.
| ||
| ||
