Использование шрифтов в HTML документе

При стандартном просмотре документа через графический просмотрщик (под X-Windows или MS Windows) как правило используется два семейства графических шрифтов, установленных в используемой графической оболочке: это пропорциональный шрифт (обычно Times Roman) и равноширинный шрифт (обычно Courier). Просмотрщики, поддерживающие стандарт HTML 3.0 (Netscape и MS Internet Explorer) могут использовать и другие шрифты, установленные в системе. Считается стандартным, использование в качестве дополнительного шрифта третьего семейства шрифтов, которое называется шрифт без надсечек (обычно Arial). Принципиально допускается использование любого семейства шрифтов, если вам известно его имя на пользовательской машине (см. раздел "Команда <FONT>").

В языке HTML предусмотрено два механизма определения стиля шрифтов в документе (выбор конкретного шрифта из семейства): механизм задания физических стилей и логических стилей изображения текста.

Физические стили

Обычно документ выводится пропорциональным шрифтом, включение равношириного шрифта производится командой <TT> (teletype), соответственно выключение командой </TT> (см. также команду <FONT>).

Переключение шрифтов также используют различные команды форматирования документа.

Задание физических стилей для всех семейств шрифтов, используемых на компьютере, определятся явным заданием вида шрифта, которым будет выводится текст:

Шрифткоманда
Полужирный текст (bold) <B>
Курсив (italic) <I>
зачеркнутый текст (strike) <S> или
<STRIKE>
подчеркнутый текст (underline) <U>

Пример:
<P>Этот <B>текст</B> полужирный.
Этот <I>текст</I> курсивный.

Что даст:

Этот текст полужирный. Этот текст курсивный.

(сравни с логическим выделением).
Допускается совместное использование команд задания стиля, например,
<P>Этот <I><B>текст</B></I> полужирный курсив.

Что даст:

Этот текст полужирный курсив.

Однако не допускается перекрещивание стилей, например,
<P><B>Этот <I>текст</B> полужирный </I> курсив.

данная запись считается неправильной, хотя некоторые просмотрщики покажут ее правильно.

Для изменения размера шрифта (как абсолютного, так и относительного) используется команда <FONT>.

Замечание. Команды изменения стиля шрифтов действуют до тех пор пока не будут отменены. Единственное исключение составляю клетки таблиц. Задание стиля шрифта, может быть отменено внутри клетки, а по выходу из таблицы опять восстановлено.

Логические стили

Механизм задания логического стиля определяется командами: EM - простое выделение (обычно выводится курсивом) и STRONG - сильное выделение (обычно выводится полужирным).

Пример:
<P> Этот <STRONG>текст </STRONG> имеет сильное выделение. А этот <EM>текст</EM> простое выделение.

Что даст:

Этот текст имеет сильное выделение. А этот текст простое выделение.

Принципиально такой способ выделения не является фиксированным и пользователь, вообще говоря имеет возможность его изменить, например использовать для выделения красный цвет.

Для логических стилей остается в силе замечание по поводу таблиц.

Размер шрифта. Команды BIG и SMALL, изменяют относительной размер шрифта на одну единицу отсчета от базы (см. базовый размер).

Например:
<P>Использование увеличивает <BIG>BIG</BIG>(BIG) на один пункт,
двойное использование <BIG>><BIG>BIG</BIG></BIG>(BIG)
на два пункта, использование <SMALL>SMALL</SMALL>(SMALL)
уменьшает на один пункт.

Что даст:

Использование BIG(BIG) увеличивает на один пункт, двойное использование BIG(BIG) на два пункта, использование SMALL(SMALL) уменьшает на один пункт.

Такого же эффекта можно добиться и используя команду <FONT>

Команда <FONT>

Команда FONT может изменять как логический (размер) так и физический стиль шрифта. Эта команда задает цвет, размер и вид семейства шрифтов.

Цвет шрифта.

Определяется атрибутом COLOR= согласно правилам задания цветов в HTML документе.

Размер шрифта

Определяется атрибутом SIZE=n. Размер может задаваться в абсолютным или относительным значением от базового размера шрифта в документе.

Абсолютный размер. Число n при абсолютном задании размера может принимать значения от 1 до 7.

Пример

size=1 size=2 size=3 size=4 size=5 size=6 size=7

Относительный размер. Число n при относительном задании размера может принимать значения от 1 до 7 со знаками плюс (+) - увеличение или минус (-) - уменьшение размера шрифта на n пунктов по отношению к базовому размеру шрифта в документе. По умолчанию базовый размер шрифта в документе считается равны 3 в абсолютных значения.

Пример
Относительное изменение размера шрифта при стандартном значении базового размера шрифта в документе (n=3).

size=-4 size=-3 size=-2 size=-1 size=+1 size=+2 size=+3 size=+4

Пример
Относительное изменение размера шрифта при значении базового размера шрифта в документе n=6.

size=-4 size=-3 size=-2 size=-1 size=+1 size=+2 size=+3 size=+4

Семейства шрифтов.

Имя семейства шрифтов определяется атрибутом FACE= команды FONT или атрибутом NAME= команды BASEFONT. (см. Базовое задание шрифта). Стандартные значения этого атрибута: "Times New Roman" (пропорциональный шрифт), "Courier New" (равноширинный шрифт) и "Arial" (шрифт без надсечек). Имена семейств шрифтов в настоящий момент пока не стандартизованы и в разных системах могут называться по разному. Например, семейство шрифтов, которое используется по умолчанию для пропорционального шрифта "Times New Roman", может называться "Times", "Times Roman", "Roman" и т.д.

Пример
Установка шрифта "Arial":
<H1><FONT FACE="ARIAL">Welcome to WWW!</FONT></H1>

Что даст:

Welcome to WWW!

Семейство шрифтов "Arial" может отсутствовать на конкретной машине пользователя, поэтому для задания шрифта без надсечек рекомендуется использовать несколько подходящих для этих целей имен, например, "Arial", "Lucida Sans", или "Helvetica". Кстати, если просмотрщик не находит нужного шрифта, то использует, заданный по умолчанию пропорциональный шрифт, как правило, "Times Roman".

Пример
Установка шрифта "Arial":
<FONT FACE="Arial,Lucida Sans,Helvetica">Данный текст выводится
либо шрифтом Arial, либо Lucida Sans, или Helvetica, или Times Roman,
в зависимости от наличия шрифтов, установленных в системе.</FONT>

Базовое задание шрифта

Команда BASEFONT определяет (или изменяет) базовый шрифт документа.

Атрибуты

<BASEFONT SIZE=3> This sets the base font size to 3.
<FONT SIZE="+4"> Now the font size is 7.
<FONT SIZE="-1"> Now the font size is 2.