Задание шрифта текста

Если нужно отобразить некоторый текст с использованием определенного шрифта, отличного от того, который применяется браузером по умолчанию, то можно воспользоваться элементом FONT. Он вводится при помощи парных тегов <FONT> и </FONT>.

Параметры шрифта для элемента FONT устанавливаются заданием значений следующих его атрибутов:

• face – задает название шрифта, например Arial или System;

• size – задает размер шрифта (значение от 1 до 7, по умолчанию используется значение 3);

• color – задает цвет шрифта.

Третий из указанных атрибутов уже был рассмотрен при изучении элемента BODY. Возможные значения для атрибута face можно посмотреть в списке шрифтов в любом текстовом редакторе. Однако следует помнить, что если на компьютере, где будет просматриваться ваш HTML-документ, не установлен нужный шрифт, то браузер будет использовать шрифт по умолчанию. Таким образом, если очень важно сохранить оригинальное оформление документа при просмотре его на других компьютерах, не следует злоупотреблять экзотическими и редкими шрифтами.

Для атрибута size могут использоваться только семь значений. Именно столько различных размеров шрифта (или менее) поддерживаются браузерами. При этом значение, которое присваивается параметру size, – это не высота шрифта в каких-либо единицах, а просто порядковый номер, который воспринимается браузером и преобразуется в предусмотренный разработчиками размер шрифта.

Размер шрифта для атрибута size можно также задавать в виде +число или –число. Здесь число задает, на сколько единиц больше или меньше будет размер шрифта относительно текущего размера шрифта. Например, если используется размер шрифта по умолчанию (3), то +3 означает размер 6, а –2 означает размер 1.

Далее рассмотрен пример задания различных шрифтов и различных размеров этих шрифтов (обратите внимание на вложенные элементы FONT) (пример 3.3).

Пример 3.3. Задание шрифта текста

<TITLE>Задание шрифта текста</TITLE>

<BODY>

<FONT face = "arial">

<FONT size = 1>

Самый маленький текст шрифта Arial<BR>

</FONT>

<FONT size = 3>

Обычный текст шрифта Arial<BR>

</FONT>

<FONT size = 7>

Самый большой текст шрифта Arial<BR>

</FONT>

</FONT>

<FONT face = "times new roman">

<FONT size = 1>

Самый маленький текст шрифта Times New Roman<BR>

</FONT>

<FONT size = 3>

Обычный текст шрифта Times New Roman<BR>

</FONT>

<FONT size = 7>

Самый большой текст шрифта Times New Roman<BR>

</FONT>

</FONT>

</BODY>

В примере используются стандартные шрифты Times New Roman и Arial. На рис. 3.3 показан результат обработки браузером HTML-кода из примера 3.3.

Рис. 3.3. Задание шрифта текста

Данный текст является ознакомительным фрагментом.