Свойство CSS font-weight указывает толщину букв.
Возможные значения:
bold — жирные буквы.
bolder — жирнее, чем в родительском элементе.
lighter — уже, чем в родительском элементе.
normal — нормальные буквы.
100
200
300
400 — аналогично normal
500
600
700 — аналогично bold
800
900
Не все шрифты поддерживают весь этот набор. Если шрифт не поддерживает что-либо из этого набора, то браузер будет приводить к ближайшему поддерживаемому значению.
Значение по умолчанию: normal
Наследуется: да
Пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 |
<!DOCTYPE html> <html> <head> <title>CSS font-weight</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > </head> <body> <p> <a href="https://urvanov.ru/2015/10/30/%D1%81%D0%B2%D0%BE%D0%B9%D1%81%D1%82%D0%B2%D0%BE-font-weight-%D0%B2-css/">Старая статья с описанием свойства font-weight в CSS</a> </p> <p> <a href="https://urvanov.ru/2016/02/17/css-font-weight/">CSS font-weight</a> </p> <p> Не все шрифты поддерживают все значения. В этом случае браузер подбирает ближайшее поддерживаемое. </p> <p style="font-weight:lighter;"> Пример font-weight:lighter; </p> <p style="font-weight:normal;"> Пример font-weight:normal; </p> <p style="font-weight:bold;"> Пример font-weight:bold; </p> <p style="font-weight:bolder;"> Пример font-weight:bolder; </p> <p style="font-weight:100;"> Пример font-weight:100; </p> <p style="font-weight:200;"> Пример font-weight:200; </p> <p style="font-weight:300;"> Пример font-weight:300; </p> <p style="font-weight:400;"> Пример font-weight:400; </p> <p style="font-weight:500;"> Пример font-weight:500; </p> <p style="font-weight:600;"> Пример font-weight:600; </p> <p style="font-weight:700;"> Пример font-weight:700; </p> <p style="font-weight:800;"> Пример font-weight:800; </p> <p style="font-weight:900;"> Пример font-weight:900; </p> </body> </html> |