Чем отличаются разные значения веса шрифта в CSS?

Разные значения веса шрифта в CSS отличаются насыщенностью шрифта (толщиной букв): itchief.ru doka.guide

• 100 — тонкое; itchief.ru
• 200 — сверхсветлое; itchief.ru
• 300 — светлое; itchief.ru
• 400 или normal — стандартное (значение по умолчанию); itchief.ru
• 500 — среднее; itchief.ru
• 600 — полужирное; itchief.ru
• 700 или bold — жирное; itchief.ru
• 800 — сверхжирное; itchief.ru
• 900 — тяжёлое. itchief.ru

Кроме абсолютных значений, у свойства font-weight есть ещё относительные: lighter и bolder. itchief.ru С их помощью можно установить соответственно более тонкое или толстое начертание шрифту, чем то, которое имеется у его родителя. itchief.ru На практике относительные значения bolder и lighter практически не используются. itchief.ru

Чтобы использовать все эти начертания, шрифт должен их поддерживать. itchief.ru В противном случае браузер будет использовать ближайшее начертание, которое этот шрифт имеет. itchief.ru