1.4.3. Шрифты

Для применения на Web-странице различных шрифтов используется тег <FONT>…</FONT>. Этот тег имеет параметры, отвечающие за цвет, гарнитуру и размер шрифта.

1. Гарнитура (вид) шрифта (параметр face).

Примеры записи:

<FONT face=Courier>…</FONT>.

<FONT face=Verdana>…</FONT>.

Весь текст, заключенный внутрь тега <FONT>…</FONT>, будет выводиться в браузере тем шрифтом, который присвоен параметру face. При этом если название шрифта состоит из двух и более слов, то его необходимо заключить в кавычки, например:

<FONT face=”Arial Narrow”>…</FONT>.

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

2. Размер шрифта (параметр size).

Размер шрифта задается не так, как в текстовом процессоре в пунктах, а в «собственных» единицах. При этом параметру size тега <FONT> присваивается необходимое значение от 1 до 7 (1 – самый мелкий, 7 – самый крупный шрифт).

Примеры записи:

<FONT size=1>…</FONT>.

<FONT size=7>…</FONT>.

Имеется возможность задавать относительный размер шрифта: относительно того, который установлен по умолчанию. Например, запись <FONT size=+2>…</FONT> соответствует шрифту, который больше текущего на 2 единицы, запись <FONT size=-3>…</FONT> – меньшему текущего на три единицы. Если при увеличении или уменьшении шрифта значение выходит за пределы диапазона 1…7, то браузер «округлит» значение до ближайшего приемлемого.

3. Цвет шрифта (параметр color).

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

Например:

<FONT color=#FFFF00>…</FONT>

<FONT color=yellow>…</FONT>

В приведенных примерах текст, заключенный внутрь тега <FONT>…</FONT>, будет выводиться желтым цветом, так как английская запись yellow и шестнадцатеричный код #FFFF00 соответствуют желтому цвету.

В таблице 1 приведены некоторые цвета в шестнадцатеричном коде и соответствующие им названия на английском и русском языках.

При описании цвета в HTML-коде в теге <FONT> можно одновременно указывать несколько параметров, перечисляемых через пробел. При этом порядок перечисления параметров значения не имеет. Например:

<FONT color=red size=5 face=Verdana >…</FONT>

Таблица 1

Характеристика цветов

Русское название цвета	Английское название цвета	Шестнадцатеричный код
Аквамарин	Aqua	#00FFFF
Белый	White	#FFFFFF
Голубой	Blue	#0000FF
Желтый	Yellow	#FFFF00
Зеленый	Green	#008000
Золотой	Gold	#FFD700
Индиго	Indigo	#4B0080
Каштановый	Maroon	#800000
Коричнево-зеленый (сизый)	Teal	#008080
Коричневый	Brown	#993300
Красный	Red	#FF0000
Малиновый	Crimson	#DC143C
Оливковый	Olive	#808000
Оранжевый	Orange	#FF6600
Пурпурный	Purple	#800080
Светло-зеленый	Lime	#00FF00
Серебряный	Silver	#C0C0C0
Серый	Gray	#808080
Темно-синий (ультрамарин)	Navy	#000080
Фиолетовый	Violet	#EE80EE
Фуксиновый	Fuchsia	#FF00FF
Черный	Black	#000000