Свойства шрифта
- 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} Может принимать значения:
- font-variant
Атрибут определяет размер начертания шрифта.
Синтаксис: селектор {font-variant:
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)} |