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