| Property |
Valid Values |
Sample Usage |
| font-family |
[ [ family-name | generic-family ], ]* [ family-name | generic-family ] |
{ font-family: Verdana, MS Sans Serif } |
| font-style |
normal | italic | oblique |
{ font-style: italic } |
| font-variant |
normal | small-caps |
{ font-variant: small-caps } |
| font-weight |
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
{ font-weight: bold } |
| font-size |
[ xx-large | x-large | large | medium | small | x-small | xx-small ] | [ larger | smaller ] | percentage | length |
{ font-size: 12pt } |
| font |
[ font-style || font-variant || font-weight ] ? font-size [ / line-height ] ? font-family |
{ font: bold 12pt Arial } |
| @font-face |
font-family: font-family; src: url(url) |
@font-face { font-family: CoolFont; src: url( http://host.com/CoolFont.eot) } |