The cover of The Complete Idiot's Guide to Create a Web Page The Complete Idiot's Style Sheets Reference

| Index | Current Category: Fonts |
| Previous Style: font-variant | Next Style: height |


font-weight

Controls the thickness of text.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 3.0 and later 4.0 and later
Notes:
  • The thickness of the text is really the amount of bolding that's applied to the text.
  • This style replaces the HTML <B> tag.
Possible Values:
bold
Formats text as bold.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 3.0 and later 4.0 and later

bolder
Formats the text as the next weight higher than the text already is.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later 4.0 and later

lighter
Formats the text as the next weight lower than the text already is.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later 4.0 and later

[specific-weight]
A specific font weight.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later 4.0 and later

Notes:
  • Possible values: 100, 200, 300, 400, 500, 600, 700, 800, 900.
  • The higher the number, the bolder the text.
  • Currently, the browsers don't do much of anything with font weights from 100 to 500.

Example:
<DIV STYLE="font-size: 18pt">
The <SPAN STYLE="font-family: 'Courier New',Courier">
font-weight</SPAN> style uses the following values:
<SPAN STYLE="font-weight: 100">100</SPAN>, 
<SPAN STYLE="font-weight: 200">200</SPAN>, 
<SPAN STYLE="font-weight: 300">300</SPAN>, 
<SPAN STYLE="font-weight: 400">400</SPAN>, 
<SPAN STYLE="font-weight: 500">500</SPAN>, 
<SPAN STYLE="font-weight: 600">600</SPAN>, 
<SPAN STYLE="font-weight: 700">700</SPAN>, 
<SPAN STYLE="font-weight: 800">800</SPAN>, 
<SPAN STYLE="font-weight: 900">900</SPAN>, 
</DIV>
How It Looks:
The font-weight style uses the following values: 100, 200, 300, 400, 500, 600, 700, 800, 900,

| Index | Current Category: Fonts |
| Previous Style: font-variant | Next Style: height |