создание и разработка веб-сайтов
поисковая оптимизация и реклама
статьи о программировании и веб-дизайне

Ссылки по теме:
 

Стиль font (свойства шрифта)

Управление шрифтами на веб-странице – стиль font.

Стиль font позволяет управлять параметрами шрифтов, используемых в текстах на странице Вашего сайта. Свойств у данного стиля немного, но они довольно четко позволяют контролировать вид и размер шрифта:


font-family
font-size
font-style
font-variant
font-weight
font



font-family

Позволяет задавать название шрифтов, использующихся для отображения данного элемента страницы. Шрифты указываются последовательно через запятую, в приоритетном порядке. Т.е. сначала проверяется наличие у пользователя первого указанного шрифта, если он не обнаружен, то второго, третьего и т.д.

Пример:
H1{
Font-family:Times New Roman, Arial, Verdana;
}



font-size

Свойство задает размер шрифта в абсолютных, относительных, а также при помощи основных единиц стилевых таблиц.
Абсолютные: xx-small, x-small, small, medium, large, x-large, xx-large;
Относительные: larger, smaller;
Единицы CSS: em,ex,pt,px,%

Пример:
H2{
Font-size:200%;
}
H3{
Font-size:12px;
}




font-style

Указывает на способ начертания данного шрифта
Normal – нормальное;
Italic – курсивное;
Oblique – наклонное.



font-variant

Позволяет отображать все строчные символы в строке как прописные (заглавные) уменьшенного размера
Normal – шрифт выглядит как обычно;
Small-caps – все строчные символы преобразуются к заглавным уменьшенного размера.

Пример:
H4{
Font-variant:small-caps;
}




font-weight

Устанавливает степень насыщенности шрифта.
Normal – нормальное начертание (в относительных единицах соответствует значению 400);
Bold – полужирный;
Bolder – жирный;
Lighter – тонкий;
100-900 – относительные единицы начертания шрифта от тонкого до жирного;

Пример:
H1{
Font-weight:lighter;
}




font

Универсальное свойство, позволяющее задавать несколько атрибутов шрифта одновременно: font-style, font-variant, font-weight, font-size, line-height, font-family (порядок записи свойств роли не играет).

Пример:
H3{
Font:80% small-caps Arial lighter
}


20 декабря 2007 г.
Тимур Иванов