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

Свойства, вводимые листами стилей, условно можно разбить на группы (например, группа свойств текста или группа свойств шрифтов). Мы ограничимся рассмотрением свойств, которые наиболее часто используются разработчиками Web -страниц.

В CSS предусмотрено множество свойств для управления шрифтами (задание гарниту­ры, размера, начертания и т.д.). Эти свойства можно назначать вместе со свойствами, определяющими цвет шрифта, фон, отступы, межсимвольное расстояние. Рассмотрим кратко только свойства шрифтов.

✓ font - family ~ задает гарнитуру шрифта, которая будет использована для вывода текста. Значением этого свойства может быть название конкретного шрифта (напри­мер, Arial ) либо название семейства шрифтов. В спецификации CSS предусмотрены следующие семейства: serif (например, Times New Roman , Bodoni ), sans - serif (например, Arial , Futura , Helvetica ), cursive (например, Caflisch Script , Zapf - Chancery ), fantasy (например, Alpha Geometrique , Western ), monospace (напри­мер, Courier New ). При определении свойства font - family можно указывать список шрифтов, разделенных запятыми, аналогично тому, как это делается при задании атрибута face;

✓ font - size - определяет размер шрифта. Значение размера может быть задано в абсолютных единицах (например, 10 pt , 8 mm , 2 in ), в процентах от основного шриф­та (например, 130%), а также с помощью размерных выражений. К таким выражени­ям относятся: хх- small (сверхмелкий), х- small (очень мелкий), small (мел­кий), medium (средний), large (крупный), х- large (очень крупный), хх- large (сверхкрупный), larger (крупнее), smaller (мельче);

✓ font - style - задает стиль вывода символов. Возможны следующие значения этого свойства: normal (обычный), italic (курсив) и oblique (наклонный);

✓ font - weight - назначает вес или степень «жирности» шрифта. Для этого исполь­зуются целые числа из диапазона от 100 до 900 с шагом 100 единиц. Однако чаще применяют ключевые слова: bold (жирный), bolder (более жирный) и lighter (более тонкий);

✓ font - variant - указывают вариант начертания текущего шрифта. Для этого свойства браузеры поддерживают только два значения: small - caps (отображение малыми прописными буквами) и normal (не влияет на отображение).

Приведем примеры задания свойств шрифта:

Р {font-family: helvetica, arial}

STRONG {font-size: 150%}

DIV.mono { font-family : monospace;

                font-size : larger;

                font-variant : small-caps}

Кроме рассмотренных выше свойств шрифтов, имеется еще одно - font . Это «обоб­щающее» свойство шрифта, в котором может быть указано значение любого атрибута шрифта ( font - family , font - size , font - style и т.д.). Для этого значения свойств упорядочиваются в виде последовательности.