Иллюстрированный самоучитель по Web-графике

Управление шрифтом

Иллюстрированный самоучитель по Web-графике › Элементы языков HTML и JAVASCRIPT › Управление шрифтом
Рис. 650. Изменение стиля шрифта части заголовка

С помощью специального тэга <FONT> можно настроить шрифт для изображения текста: задать гарнитуру, размер и цвет. Прежде всего, вы можете установить размер основного шрифта, который используется в документе по умолчанию. Тэг основного шрифта имеет формат <BASEFONT SIZE ›. Размер основного шрифта можно установить от 1 до 7. Если не использовать этот тэг, то размер основного шрифта по умолчанию устанавливается равным 3.

Тэг <FONTSIZE=размер_шрифта> устанавливает размер текущего шрифта для отдельных фрагментов текста. На стили этот тэг не влияет. Диапазон возможных значений – от 1 до 7. Данный тэг позволяет также управлять размером текущего шрифта относительно основного. Для этого используются символ + (чтобы увеличить) и символ – (чтобы уменьшить) размер шрифта на заданную величину. Например, если размер основного шрифта установлен равным 3, то тэг <FONT SIZE=+2> устанавливает размер текущего шрифта равным 5.

Для задания гарнитуры шрифта используется тэг <FONT РАСЕ="имя_шрифта">. Например:

<FONT FACE="Arial">

Если этот тэг не используется в вашем документе, то браузер будет применять шрифт, установленный в его настройке. Поэтому текст на экране пользователя может выглядеть совсем не так, как вы его представляли. Следует также иметь в виду, что если назначенный вами шрифт не установлен на компьютере пользователя, то браузер будет изображать текст шрифтом, установленным по умолчанию.

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

<FONT FACE="Arial, Sans Serif, Courier">

Обычно в перечне задают похожие шрифты. Рекомендуется назначать наиболее популярные шрифты. При размещении на странице текстовой информации лучше вообще не назначать название шрифта, полагаясь на стандартные настройки браузера. Но тогда при разработке страницы следует также использовать стандартные настройки браузера, чтобы синхронизировать свое восприятие текста с возможным восприятием пользователя. В конце концов, вы создаете страницу не для себя, а для читателей.

С помощью атрибута COLOR в тэге <FONT> можно задать цвет шрифта:

<FONT COLOR="цвет">

Аргумент атрибута COLOR представляет собой шестнадцатеричную запись кода цвета (красной, зеленой и синей составляющей, иначе говоря, RGB-составляющей). Следующая программа демонстрирует управление шрифтом:

<HTML>
  
<HEAD>
    <TITLE>Установка шрифтов</TITLE>
</HEAD>
  
<BODY>
    <P>Шрифт Aria
        <FONT FACE="ARIAL">АБВГДЕЖЗИК</FONT>
    </P>
    <P>Шрифт Courier
        <FONT FACE="COURIER">АБВГДЕЖЗИК</FONT>
    </P>
    <P>Шрифт SYMBOL
        <FONT FACE="SYMBOL" SIZE=7 COLOR="RED">АБВГДЕЖЗИК</FONT>
    </P>
</BODY>
  
</HTML>

Иллюстрированный самоучитель по Web-графике › Элементы языков HTML и JAVASCRIPT › Управление шрифтом
Рис. 651. Использование различных шрифтов

Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.