Шрифты в CSS

Шрифты в CSS: подробное рассмотрение

Параметр 'font'

Параметр font предназначен для сокращенной записи, позволяющей задать все свойства шрифта в одном объявлении (за исключением некоторых системных шрифтов).

Наследование: да.

Может принимать следующие значения:

(*это свойство имеет также шестое значение: "line-height", которое задает расстояние между строками)

Примеры:

pre
{
font: oblique arial
} 

h1
{
font: italic 200 arial
}

p
{
font: italic small-caps 10px/12px serif
} 

p
{
font: status-bar
}

Параметр 'font-family'

Данное свойство определяет для элемента список имен семейств шрифтов и/или имен порождающих семейств в порядке их приоритета. Если специфицировано несколько значений, то браузер будет использовать первое распознанное значение.

Существует два типа значений font-family:

1. family-name: имя семейства шрифтов ("times", "courier", "arial", и т.д.);
2. generic-family: имя порождающего семейства, ("serif", "sans-serif", "cursive", "fantasy", "monospace").

В качестве разделителя используется запятая. Для последнего варианта желательно определять имя порождающего семейства. Если же имя семейства содержит пробел, то его необходимо поместить в кавычки. При использовании в HTML атрибута "style" применяются одиночные кавычки.

Наследование: да.

Может принимать следующие значения:

Примеры:

h1
{
font-family: Garamond, serif
} 

<p style="font-family:  Courier, Prestige, sans-serif">

Параметр 'font-size'

Параметр задает размер шрифта.

Наследование: да.

Может принимать следующие значения:

Примеры:

p
{
font-size: small
}

pre
{
font-size: 5pt
}

i
{
font-size: 3em
}

p
{
font-size: 120%
}