Стилевые свойства Шрифт

Шрифтам в компьютерной графике всегда уделялось много внимания. World Wide Web в этом аспекте не является исключением. Но все богатство и разнообразие шрифтов, существующих в природе, для русского языка ограничено тремя группами, так называемыми гарнитурами:

• Serif - пропорциональный шрифт с засечками (Times)

• sans-serif - пропорциональный шрифт без засечек (Arial, или Helvetica для Unix)

• monospace - моноширинный (Courier).

Автор документа для управления отображением букв текста может применить несколько атрибутов, влияющих на шрифт:

font-family - семейство начертаний шрифта (гарнитура); font-style - прямое начертание или курсив; font-weight - "усиление"(насыщенность) шрифта, "жирность" букв; font-size - размер шрифта(кегль). Задается в пикселях(px) и типографских пунктах(pt). font-variant - вариант начертания (обычный или мелкими буквами - капитель).

Существует также возможность совместить все эти параметры в одном атрибуте font: font: bold 12pt sans;

Список семейств шрифтов (font-family)

Обычно font-family задается в виде списка нескольких похожих шрифтов в порядке предпочтения на тот случай, если на компьютере пользователя нет нужного шрифта. Названия шрифтов отделяют запятыми. Если название шрифта состоит из нескольких слов, его заключают в кавычки. Данный список обычно завершают указание имени группы, к которой относится шрифт.

p {font-family:”Times New Roman”, serif}

Возможно также и просто указание имени группы шрифтов, тогда браузер подбирает наиболее приемлемый для отображения шрифт данной группы из имеющегося набора шрифтов.

<p style="font-family:serif"> Эта строка будет отображена пропорциональным шрифтом с засечками. </p>

<p style="font-family:sans-serif"> Эта строка будет отображена пропорциональным шрифтом без засечек.</p>

<p style="font-family:monospace"> Эта строка будет отображена моноширинным шрифтом. </p>

Размер шрифта или кегль(font-size)

Размер шрифта можно задавать различными способами.

- размер, задаваемый в абсолютных единицах длины, т.е. в типографских пунктах (pt, 0,35мм) или пикселях(px).

<p style="font-size:12pt;">Кегль параграфа установлен в 12 пунктов</p>

<p style="font-size:12px;">Кегль параграфа установлен в 12 пикселей</p>

- относительный размер, задаваемый с помощью ключевых слов larger и smaller. Эти значения интерпретируются относительно таблицы размер шрифтов браузера и размера шрифта-родителя.

-абсолютный размер, задаваемый с помощью ключевых слов xx-small, x-small, small, medium (по умолчанию), large, x-large, xx-large.

<p style="font-size:large;">Размер кегля large</p>

В таблице 1 представлено соответствие размеров, принятых в CSS и HTML

Табл. 1. Размер шрифта в CSS и HTML
CSS	xx-small	x-small	small	medium	large	x-large	xx-large
HTML	1		2	3	4	5	6	7

-относительный размер, задаваемый в процентах

<p style="font-size:120%;">Кегль параграфа установлен в 120% от размера букв охватывающего параграф элемента</p>

При установке кегля стоит помнить, что font-size задает не высоту буквы, а размер "контейнера" под букву, который больше самой буквы.