Уроки CSS

Изменяем свойства шрифта

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

font-family

Задает тип шрифта. В качестве параметра задается имя шрифта. Можно указать несколько имен через запятую. В этом случае если окажется, что на компьютере пользователя не установлен шрифт, который стоит первым, то для отображения текста будет использоваться второй шрифт. Если же нет и второго, то используется третий, и т. д.

Приведу пример нескольких шрифтов:

Arial
Comic Sans MS
Courier
Garamond
Georgia
Impact
Symbol
Modern
Tahoma
Verdana

и др.

font-style

Это свойство задает стиль шрифта.
Значения:

normal - обычный
italic - курсивный
oblique - наклонный

font-weight

Определяет насыщенность шрифта.
В качестве значений данного свойства используется следующий численный ряд: 100, 200, 300, 400, 500, 600, 700, 800, 900. Кроме этого вместо значения 400 можно использовать слово normal (нормальный), а вместо 700 - bold (полужирный).

font-variant

Это свойство имеет два значения:

normal - обычный шрифт
small-caps - шрифт, в котором все строчные буквы заменяются на маленькие прописные.

font-size

Это свойство определяет размер шрифта.
Возможные значения:

xx-small (самый маленький)
x-small
small
medium
large
x-large
xx-large (самый большой)

Также кроме ключевых слов, размер шрифта можно задавать в любых единицах длины: пунктах, пикселах, миллиметрах, сантиметрах и дюймах.

Пример:

p {
font-family: Tahoma, Verdana;
font-style: italic;
font-weight: bold;
font-size: 14px;
}