Шрифт в CSS | Размер шрифта css

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

Тип шрифта

font-family:семейство_шрифта

При управлении шрифтами принимается во внимание отношение шрифта к семейству шрифтов и к категории. Множество категорий ограничено:

• serif (с засечками, например, Times),
• sans-serif (без засечек, например, Arial) ,
• cursive (курсивный), fantasy (декоративный) и
• monospace (с символами фиксированной ширины, например, Courier).

Число существующих семейств шрифтов гораздо больше (фактически название семейства можно рассматривать как торговую марку).

Стиль шрифта

font-style:normal|italic|oblique

Вид шрифта

font-variant:normal|small-caps

Жирность шрифта

font-weight:Vv|lighter|normal|bold|bolder

Жирность шрифта задается с помощью числа от 100 до 900 или ключевого слова

• normal (соответствует жирности 400),
• bold (соответствует жирности 700),
• bolder (жирнее, чем унаследованный),
• lighter (светлее, чем унаследованный).

Плотность шрифта

font-str:ultra-condensed|extra-condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded

• ultra-condensed - наиболее сжатый
• extra-condensed - сверх сжатый
• semi-condensed - немного сжатый
• normal - нормальный
• semi-expanded - немного разреженный
• expanded - разреженный
• extra-expanded - сверх разреженный

Размер шрифта

font-size:Sv|Pv|em
font-size:xx-small|x-small|small|medium|large|x-large|xx-large
font-size:smaller|larger

• Ключевые слова xx-small|x-small|small|medium|large|x-large|xx-large перечислены в порядке возрастания размера. Соседние значения отличаются в 1,2 раза, а размеру medium обычно соответствует 12pt;
• Ключевые слова smaller|larger указывают относительную величину:
  • smaller - меньший по сравнению с родительским размер,
  • larger - больший;
  Относительный размер можно задать в процентах 150% или коэффициентом 1.5em