Веб Навсегда.инфоHTML-теги → FONT

Реклама


!!! Ваша ссылка здесь всего за 10 руб в месяц на всех страницах сайта!!!

FONT

Описание элемента

Тег, предназначенный для изменения характеристик шрифта: цвет, шрифт, размер.

Синтаксис

<font {face size color}={"шрифт | размер | цвет"}>Текст</font>

Возможные параметры

face - Название шрифта или семейства шрифтов

size - Задаёт размер шрифта.

color - Устанавливает цвет текста.

Все параметры необязательны и может использоваться как один из них, так и все вместе. Например, если хотите изменить только цвет, то достаточно использовать только color. А если нужно изменить гарнитуру шрифта и его размер, то можно использовать face и size одновременно. В общем смотрите лучше пример ниже.

Параметр FACE

Задаёт конкретный шрифт или семейство шрифтов для текста. Возможно, использовать так же и список шрифтов, перечисляя их все через запятую. При этом будет использоваться первый шрифт, найденный на компьютере пользователя. Советую всегда так делать, особенно если вы хотите использовать не очень распространённые шрифты. А в случае если вы используете какой-то шрифт, не входящий в список устанавливаемых вместе с операционной системой по умолчанию (например, скачанный их интернета, взятый у друга или идущий вместе с какой-то темой оформления), то обязательно указывайте альтернативный шрифт из стандартной коллекции.

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

При этом в конце лучше добавить семейство шрифта, обозначаемое ключевым словом.

Вот какие есть семейства шрифтов:

  • cursive - семейство курсивных шрифтов
  • fantasy - декоративные шрифты
  • monospace - моноширинные шрифты (т.е. те, в которых ширина всех символов одинакова)
  • sans-serif - рубленные шрифты (без засечек)
  • serif - шрифты с засечками

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

Отмечу, что лучше всегда использовать один из стандартных и распространённых шрифтов для больших кусков текста. Ведь не зря эти шрифты почти везде идут стандартными и по умолчанию... Просто они, как правило, разработаны так, чтобы при чтении больших объёмов текстов не уставали глаза.
А декоративные и просто какие-нибудь нестандартные шрифты лучше использовать для выделений в тексте или просто небольших кусков текста.

Значение по умолчанию:
Times New Roman

Параметр SIZE

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

Относительное значение начинается со знака + или - и означает примерно следующее: "К размеру шрифта прибавить указанное кол-во условных единиц".
Т.е. если, например, абсолютный размер шрифта 3, а мы указываем относительный +2, то это будет значить что размер шрифта будет 3+2=5.

Возможные аргументы:
Абсолютный размер (цифры от одного до семи включительно) или относительные значение.

Значение по умолчанию:
3

Параметр COLOR

Устанавливает цвет текста в документе.

Возможные аргументы:
Цвет текста по названию или по шестнадцатеричному значению.

  1. По названию. Можно указать просто название некоторых цветов. Правда так поддерживаются далеко не все цвета. Но это более понятное название. Например, можно указывать так blue, red, green, darkred и т.д.
     
  2. По шестнадцатеричному значению в формате RGB.
    Это очень распространенный и наиболее универсальный вариант. Возможно, вы видели, как какой-нибудь цвет обозначают примерно так: #AF9F1C. Это и есть шестнадцатеричный формат. В нём есть 4 составляющие:
     1) В начале идёт символ #
     2) Следующие 2 символа обозначают долю красного цвета (Red)
     3) Затем идут 2 символы обозначающие долю зелёного цвета (Green)
     4) И последние 2 символа указывают долю синего цвета (Blue)
    Двумя символами можно обозначит число от 0 до 255. Т.е. например 00 - это число 0, а FF - это число 255.

Значение по умолчанию:
#000000

Примеры использования

Пример тега FONT

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега FONT.</title>
</head>
<body>

<p>
Мы писали, мы писали обычненьким шрифтом, <br>
<font face="Arial" color="blue">но наши пальчики устали, и мы сейчас другим шрифтом писать начнём!</font><br>
<font face="Original font, Comic Sans MS, Verdana" color="red" size="5">И разукрасим мы шрифтом, весь текст на фоне сём!</font>
</p>
<p>
<font color="#D2691E" size="7">И вот так вот мы пример вам создаём!</font>
</p>

</body>
</html>

И вот так это примерно будет выглядеть:
Пример использования тега FONT