Slide 63 - font-variant and font-weight § Session 03

font-variant and font-weight

font-variant

Example 3.39 - font-weight and font-variant - Example 3.39

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

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.

TOC	« previous \| Slide 63 \| next »