Harvard Extension School
CSCI E-12 Fundamentals of Web Site Development | Fall 2019

## font-variant and font-weight

### font-variant

Example 3.39 - font-weight and font-variant - Example 3.39 |
<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>

- Markup
- Display

    <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>

This should be rendered in small-caps.
Here we revert to "normal".

### font-weight

    strong {
      font-weight: bold;
    }

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

- Markup
- Display

    <div>font-weight can be used to make<span style="font-weight: bold">text appear bold</span>.</div>

font-weight can be used to make text appear bold.

Copyright © David Heitmeyer