Четверг, 07 Марта 2013 09:05

Свойство font-weight

Written by 
Оцени эту запись
(1 Голос)

Свойство font-weight задает жирность текста. Свойство может принимать численные значения от 100 до 900 (от менее жирного к более жирному) или словесное название жирности.

 

Пример:

 

В этой строке есть жирный текст

 

В этой строке есть <span style="font-weight: bold;">жирный</span> текст

 

 

Значения свойства font-weight:

 

 

  • 100, 200, 300, 400, 500, 600, 700, 800, 900
  • bold (полужирный)
  • bolder (жирнее шрифта родителя)
  • lighter (тоньше шрифта родителя)
  • normal (нормальная жирность) - значение по умолчанию

 

Численное значение, отличное от указанных, не будет учитываться:

 

 

В этой строке есть жирный текст

 

В этой строке есть <span style="font-weight: 250;">жирный</span> текст

 

 

По факту, у шрифтов нету всех вариантов жирности. Есть только нормальный шрифт или жирным. Жирному шрифту отвечают значения bold и 700. При задании более или менее жирного значения шрифта, браузер сам пытается его отрисовать. Но это зачастую или не полцчается или получается плохо.

 

Приведу примеры с разными значениями жирности:

 

 

Строка со значением font-weight равным normal

Строка со значением font-weight равным 200

Строка со значением font-weight равным 300

Строка со значением font-weight равным 400

Строка со значением font-weight равным 500

Строка со значением font-weight равным 600

Строка со значением font-weight равным 700

Строка со значением font-weight равным 800

Строка со значением font-weight равным 900

Строка со значением font-weight равным bold

Строка со значением font-weight равным bolder

Строка со значением font-weight равным lighter

 

 

Как видно, большинство значений не повлияли на жирность текста или не особо отличили его от близкого значения.

 

 

 

 

Additional Info

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов