Глава 3. Свойства шрифта
font-family
Атрибут определяет тип шрифта по следующим элементам:
- Название шрифта.
Синтаксис: селектор{font-family: Times} - Дополнительные шрифты. На случай, если какой-нибудь из шрифтов не установлен.
Синтаксис: селектор{font-family: times,garamond,arial,hevletica} - Название семейства шрифтов.
Serif - с засечками, Sans Serif - без засечек, Cursive - курсивные, Fantasy - декоративные, Monospace - моноширинные.
Синтаксис: селектор{font-family: Serif}
font-size
Атрибут определяет размер шрифта при помощи одной из размерностей:
- Пункты.
Синтаксис: селектор{font-size: 12pt} - Дюймы.
Синтаксис: селектор{font-size: 12in} - Сантиметры.
Синтаксис: селектор{font-size: 12cm} - Пиксели.
Синтаксис: селектор{font-size: 12px} - Проценты.
Синтаксис: селектор{font-size: 50%} - Абсолют.
Синтаксис: селектор{font-size: small}
Может принимать значения:- xx-small
- x-small
- small
- medium
- large
- x-large
- xx-large
font-style
Атрибут определяет стиль начертания шрифта.
Синтаксис: селектор{font-style: italic}
Может принимать значения:
- italic
- normal
- oblique
font-variant
Атрибут определяет размер начертания шрифта.
Синтаксис: селектор{font-variant: normal}
Может принимать значения:
- small-caps
- normal
font-weight
Атрибут определяет насыщенность начертания шрифта.
Синтаксис: селектор{font-weight: насыщенность}
Может принимать значения:
- normal. Синтаксис: селектор{font-weight:normal}
- bold. Синтаксис: селектор{font-weight:bold}
- число. Задается в пределах от 100 до 900. Синтаксис: селектор{font-weight:700}
- Очень светлый. Синтаксис: селектор{font-weight:extra-light}
- Средне-светлый. Синтаксис: селектор{font-weight:demi-light}
- Светлый. Синтаксис: селектор{font-weight:light}
- Средний. Синтаксис: селектор{font-weight:medium}
- Очень жирный. Синтаксис: селектор{font-weight:extra-bold}
- Средн-жирный. Синтаксис: селектор{font-weight:demi-bold}
- Жирный. Синтаксис: селектор{font-weight:bold}
font-face
Атрибут определяет загружаемый шрифт c расширением .eot, используется для того, чтобы обеспечить правильное оформление документа, поскольку, если в системе пользователя нет нужного шрифта, броузер использует шрифт по-умолчанию, а это не всегда приемлемо.
@font-face {font-family: имя; src: URL(http://domen.ru/путь/file.eot)}