Шрифт в 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 (светлее, чем унаследованный).

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

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

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

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

Свойства шрифта

Свойство стиля	Описание свойства	Значения	Значение по умолчанию
font-family	Гарнитура шрифта	список имен шрифтов, перечисленных через запятую в порядке убывания предпочтения; список может заканчиваться одним из родовых имен: serif (с засечками, "антиква"), sans-serif (без засечек, "рубленый"), cursive (курсив), fantasy (аллегорический), monospace (моноширинный)
font-size	Размер шрифта	размер, процент, xx-small,x-small, small, medium, large, x-large, xx-large, larger, smaller	medium
font-style	Начертание шрифта	normal, italic (курсив), oblique (наклонный)	normal
font-weight	Насыщенность шрифта	число от 100 до 900 (кратное 100), normal, bold, bolder, lighter	normal
font-variant	Может задать вывод капителью (символами, похожими на прописные, но малого размера); капитель есть не во всяком шрифте	normal, small-caps (капитель)	normal
font-stretch	Задание нормального, разреженных (expanded) или сжатых (condensed) начертаний из текущей гарнитуры шрифта	normal, wider, narrower, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded	normal
font	Стенографическое свойство для одновременного задания нескольких свойств шрифта	список свойств шрифта, разделенных пробелами, в следующем порядке: font-style, font-variant, font-weight, font-size, line-height, font-family

Пример задания свойства font-family :

{ font-family: Arial, Helvetica, sans-serif }

Пример задания стенографического свойства font :

{ font: italic normal bold 20px Arial; }

—

30.08.2016

coder