CSS mobile training

Font-style: the property ‘font-style’

The property font-style describing the relevant element of the styles as normal (no style), italic (italic) or oblique (slanted). In the following example, all headings, which are marked with <h2> will be italicized.

h1 (
font-family: arial, verdana, sans-serif;
)
h2 (
font-family: “Times New Roman”, serif;
font-style: italic;
)

Font variants: the property ‘font-variant’

The property font-variant allows you to switch between normal or small-caps. For small-caps font instead of small letters (lower-case) small-written capital letters (upper-case) are used. If font-variant to small-caps is set and a “small-caps” font-variant is notpresent, the browser will display text in uppercase letters.

h1 (
font-variant: small-caps;
)
h2 (
font-variant: normal;
)

Font weight: the property ‘font-weight’

The font-weight property is used to add bold or “hard” formatting to a displayed font. A font can be either normal or bold (bold). Some browsers also support the indication of the numbers 100-900 (only full hundreds) for a fine presentation and staged reach.

p (
font-family: arial, verdana, sans-serif;
)

td (
font-family: arial, verdana, sans-serif;
font-weight: bold;
)

This entry was posted on Sunday, May 31st, 2009 at 8:49 pm and is filed under Uncategorized. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.