Опубликован: 14.08.2003 | Доступ: свободный | Студентов: 14554 / 6678 | Оценка: 3.91 / 3.85 | Длительность: 04:12:00
Лекция 3:

Цвет и шрифт

< Лекция 2 || Лекция 3: 123 || Лекция 4 >

Кегль (font-size)

Кегль - это, если говорить упрощенно, размер шрифта . Более подробное объяснение следует искать в специальной литературе. Нам достаточно знать, что CSS через параметр font-size позволяет управлять размером букв.

Размер шрифта можно задавать в типографских пунктах (pt, 0,35 мм) или пикселах (px). При установке кегля следует помнить, что font-size задает не высоту буквы, а размер "очка" под букву, который больше самой буквы.

Вот несколько примеров использования font-size:(открыть)

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

Установка размера кегля в абсолютных и относительных единицах измерения.

Рис. 3.7. Установка размера кегля в абсолютных и относительных единицах измерения.

Как видно из последнего примера, кегль можно задавать не только в абсолютных единицах, но и в относительных. Кроме процентов, существует еще несколько условных единиц измерения кегля, которые можно применять в CSS: (открыть)

<P STYLE="font-size:large;">
Размер кегля large</P>
<P STYLE="font-size:small;">
Размер кегля small</P>
<P STYLE="font-size:x-small;">
Размер x-small</P>
<P STYLE="font-size:xx-small;">
Размер кегля xx-small</P>

Установка размера кегля в условных единицах измерения.

Рис. 3.8. Установка размера кегля в условных единицах измерения.

Аналогично x-small и xx-small, существуют размеры x-large и xx-large. Кроме того, есть larger, smaller и medium.

Начертание

У каждой гарнитуры ( font-family ) имеется несколько начертаний. Каждое из них определяется в CSS тремя параметрами стиля: font-style, font-variant, font-weight.

Атрибут стиля font-style определяет прямое начертание ( normal ) и курсив:(открыть)

<P STYLE="color:darkred;font-style:normal;">
Прямое начертание</P>
<P STYLE="color:darkred;font-style:italic;">
Курсив</P>

Начертание гарнитур шрифтов.

Рис. 3.9. Начертание гарнитур шрифтов.

Если хочется усилить насыщенность ("жирность") шрифта, то в описании стиля указывают атрибут font-weight, который принимает значения normal или bold:

<P STYLE="color:darkred;font-style:italic;
   font-weight:bold;">Курсив</P>

Хотя шрифт и масштабируется при помощи изменения кегля, качество его начертания при этом обычно страдает. Для качественного отображения мелких букв в некоторых гарнитурах присутствует начертание капитель. В CSS для использования капители зарезервирован атрибут font-variant, который принимает значения normal и small-caps. На практике применение font-variant проблематично из-за отсутствия капители в стандартном наборе кириллических шрифтов.

< Лекция 2 || Лекция 3: 123 || Лекция 4 >
Алексей Ласкин
Алексей Ласкин
Россия, Москва, НИБ
Анна Киселева
Анна Киселева
Россия, Москва, МСГИ