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

10. Параметр font-family определяет семейства шрифтов, которые используются в блоке текста. Параметр может содержать несколько семейств, которые перечисляются в порядке приоритета и отделяются друг от друга запятыми. Параметр font-family может принимать следующие значения:

• имя семейства шрифтов
• имя типового шрифта
• inherit – параметр принимает значение родительского элемента.

Пример использования: p {font-family: "Times roman", courier, serif}

11. Изменить начертание шрифта в тексте позволяет атрибут font-style, который может принимать значение:

• normal - обычное начертание (по умолчанию)
• italic – шрифт курсивом
• oblique - наклонное начертание шрифта
• inherit - параметр принимает значение родительского элемента.

Пример использования: p{font-style: italic;}

12. С помощью параметра font-variant можно определить вывдение шрифта в виде малых прописных букв. Параметр font-variant может принимать значения:

• normal - обычное начертание (по умолчанию).
• small-caps - шрифт в виде малых прописных букв.
• inherit - параметр принимает значение родительского элемента.

Пример использования: p {font-variant: small-caps}

13. Толщина выводимого в браузере шрифта определяется параметром font-weight, который может принимать следующие значения:

• normal - обычное начертание, устанавливаемое по умолчанию.
• bold – полужирный шрифт.
• bolder - жирный шрифт.
• lighter - светлый шрифт, обеспечивает легкий и простой внешний вид.
• числовые величины в диапазоне от 100-900 указывающие толщину шрифта.
• inherit - параметр принимает значение родительского элемента.

Пример использования: p {font-weight: bold;}

14. Толщину шрифта можно определить параметром font-stretch , который может принимать следующие значения:

• normal - обычная ширина шрифта (по умолчанию)
• wider- увеличение текущей ширины шрифта.
• narrower - уменьшение текущей ширины шрифта на единицу.
• ultra-condensed - минимальное значение ширины шрифта.
• extra-condensed - значение большее, чем предыдущее
• condensed - значение большее, чем предыдущее.
• semi-condensed - значение большее, чем предыдущее.
• semi-expanded - значение большее, чем при обычной толщине.
• expanded - значение большее, чем предыдущее.
• extra-expanded - значение большее, чем предыдущее.
• ultra-expanded - максимальное значение ширины.
• inherit - параметр принимает значение родительского элемента.

Пример использования: body{font-stretch: condensed}

15. Для задания высоты шрифта используется параметр font-size, который может принимать значения:

• абсолютный размер может задаваться ключевыми словами: xx-small(крайне малый), small (малый), medium (средний) (по умолчанию), large (большой), x-large (очень большой), xx-large (крайне большой), или числовым стандартным значением высоты.
• относительный размер задается использованием ключевых слов: larger (меньше), smaller (больше),
• значение, выраженное в процентном отношении.
• inherit - параметр принимает значение родительского элемента.

Пример использования: p{font-size: 20px}

16. каскадные таблицы стилей позволяют регулировать высоту и ширину символов текста. Это достигается использованием атрибута font-size-adjust, который может принимать следующие значения:

• none значение по умолчанию, используются стандартные значения высоты кегля и ширины для данного шрифта.
• любое числовое значение, определяемое соотношением высоты и ширины символов шрифта.
• * inherit - параметр принимает значение родительского элемента.

Пример использования: p {font-size-adjust: 0.45}

17. Свойство font позволяет определить все параметры шрифта. В случае, если какие-то значения были опущены, берется их значение по умолчанию. Свойство font может принимать значения:

• font-style – начертание шрифта.
• font-variant - вывод шрифта в виде малых прописных букв.
• font-weight- толщина шрифта.
• font-size – размер кегля шрифта
• Line-height - интерлиньяж.
• font-family – определяет семейство шрифтов.
• inherit - параметр принимает значение родительского элемента.

Пример использования: p {font: oblique 12pt "Helvetica Nue", serif; font-stretch: condensed}