## font properties

- font-family
- font-style
- font-variant
- font-weight
- font-size
- font

### font-family

Example 10.10
Example 10.10 Source:
<div style="font-family: garamond, times, serif;" >Garamond, Times, or serif (generic family)</div> <div style="font-family: arial, helvetica, sans-serif;" >Arial, Helvetica or sans-serif (generic family)</div> <div style="font-family: courier, monospace;" >Courier or monospace (generic family)</div> <div style="font-family: fantasy;" >Fantasy (generic family)</div> <div style="font-family: cursive;" >Cursive (generic family)</div>
Example 10.10 Rendered:
Garamond, Times, or serif (generic family)
Arial, Helvetica or sans-serif (generic family)
Courier or monospace (generic family)
Fantasy (generic family)
Cursive (generic family)

### font-style

Example 10.11
Example 10.11 Source:
<div style="font-style: normal;" >Normal font-style</div> <div style="font-style: italic;" >Italic font-style</div> <div style="font-style: oblique;" >Oblique font-style</div>
Example 10.11 Rendered:
Normal font-style
Italic font-style
Oblique font-style

### font-variant

Example 10.12
Example 10.12 Source:
<div style="font-variant: small-caps;" >This should be rendered in small-caps. <div style="font-variant: normal;" >Here we revert to "normal". </div> </div>
Example 10.12 Rendered:
This should be rendered in small-caps.
Here we revert to "normal".

### font-weight

values: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Example 10.13
Example 10.13 Source:
<div> font-weight can be used to make things <span style="font-weight: bold" >bold</span>. </div>
Example 10.13 Rendered:
font-weight can be used to make things bold.