Warning: Undefined array key "StartingPoint" in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 107 Warning: Cannot modify header information - headers already sent by (output started at /customers/f/f/0/safaribears.de/httpd.www/content.php:107) in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 115 Warning: Undefined variable $WEB_ROOT in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 118 Warning: Cannot modify header information - headers already sent by (output started at /customers/f/f/0/safaribears.de/httpd.www/content.php:107) in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 118 Warning: Undefined array key "HTTP_ACCEPT_LANGUAGE" in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 169 CSS Tutorial - Text styles - font-weight
Valid XHTML 1.1! Valid CSS!
RSS feed
Save This Page to Delicious
english deutsch
Hilfe/Themes
Feedback

font-weight

that's for bold text
div{
font-weight:lighter; (same as 100)
font-weight:normal; (same as 400)
font-weight:bold; (same as 700)
font-weight:bolder; (same as 900)
font-weight:100;
font-weight:200;
font-weight:300;
font-weight:400;
font-weight:500;
font-weight:600;
font-weight:700;
font-weight:800;
font-weight:900;
}

In theory that function would scale to 9 different levels, but most browsers are happy if they can master 3 different levels of boldness. I put them all in, just to show. You can see that (at least on Opera) even the keywords 'bold' and 'bolder' show no difference. Only Normal (100-500), and Bold (700-900) work, and there's the value 600 which works, too, but makes the whole font look a bit different, I think.
So all in all, just remember font-weight:normal; and font-weight:bold;