CSS Fonts Properties and Values |
| font-family: | Defines the typeface to use. Font family or
generic font names (Some browsers will not display all types)
Serif-This is serif font
Sans Serif -This is sans serif font
Monospace -This is monospace font
Script -This is a script font
Fantasy -This is fantasy font
h1 {font-family: Times New Roman, serif}
|
| font-style: |
Defines font styles: normal, oblique(italic) th{font-style:italic}
This is Italic
|
| font-size: | Defines font size using the following measurements:
Pixels(default){font-size:28px}; Inches{font-size:1in}
Percentage{font-size:25%};
Points font-size:12pt};
Centimeters, em
h2{font-size:14pt}
|
| font-weight: | Defines the thickness of the font as:
normal, bold, bolder, lighter or Values 100 to 900 indicates font thickness (400 is normal) P {font-weight:bold}
|
| font-variant: | Defines small caps:normal (default), small-caps,
h2{font-variant:small-caps}
This is samll-caps
|
|---|
| font-stretch: | Defines the width of the font as
· normal
· wider (increase width by one)
· narrower (decrease width by one)
· extra-condensed (looser than preceding value)
· condensed, · semi-condensed,
· expanded
This is wider stretch
|
|---|
| font: | Grouping of multiple font attributes without the properties:
body {font:italic 14pt New Century Schoolbook } |
|
|