Содержание

Тег | htmlbook.ru

Internet Explorer Chrome Opera Safari Firefox Android iOS
3.0+ 1.0+ 2.0+ 1.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Тег <font> представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Хотя этот тег до сих пор поддерживается всеми браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей.

Синтаксис

<font>Текст</font>

Закрывающий тег

Обязателен.

Атрибуты

color
Устанавливает цвет текста.
face
Определяет гарнитуру шрифта.
size
Задает размер шрифта в условных единицах.

Валидация

Использование этого тега осуждается спецификацией HTML, валидный код получается только при использовании переходного <!DOCTYPE>.

Пример

HTML 4.01IECrOpSaFx

<!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=utf-8">
  <title>Тег FONT</title>
 </head>
 <body>
  <p><font size="5" color="red" face="Arial">П</font>ервая буква этого предложения 
    написана шрифтом Arial, выделена красным цветом и увеличена в размерах.</p>
 </body>
</html>

Результат данного примера показан на рис. 1.

Рис. 1. Изменение вида текста

htmlbook.ru

Тег HTML параметры шрифта — размер, семейство, цвет — устаревший тег

Тег <font> используется для указания параметров шрифта конкретного участка текста в HTML документе.

С помощью тега font можно задать параметры шрифта: размер (size), цвет (color) и семейство шрифта (face).

Этот тег является устаревшим. В HTML5 для управления параметрами шрифта используйте группу CSS свойств font.

Синтаксис

<font атрибуты>текст</font>

Отображение в браузере

Внимание! Это слово было выделено с помощью тега font.

Пример использования тега <font> в HTML коде

<!DOCTYPE html>
<html>
<head>
<title>Изменение параметров шрифта с помощью тега font</title>
</head>
<body>
<div><font size="6" color="orange" face="Times New Roman">Внимание!</font> Это слово было выделено с помощью тега font.</div>
</body>
</html>

Поддержка браузерами

Атрибуты тега <font>

Атрибут Значение Описание
color

RGB
HTML hex
colorname

Цвет текста. Может быть указан в любом из трех поддерживаемых форматов:

  • RGB, например, «rgb(15, 92, 50)»;
  • HTML hex, например, «#0F5C32»;
  • colorname, например, «black».
face

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

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

Приоритет слева направо (если не доступен первый, проверяется второй и т.д.).

size

числовое значение

Размер шрифта. Можно указать в абсолютном и относительном форматах.

  • Абсолютное значение: число от 1 (самый маленький) до 7 (самый большой). Стандартный размер: 3.
  • Относительное значение: «+1», «+2» и т.д. для увеличения размера шрифта или «-1», «-2» и т.д. для уменьшения размера шрифта.

Тег <font> также поддерживает глобальные HTML атрибуты.

guruweba.com

| Справочник HTML



Элемент <font> (от англ. «font» ‒ «шрифт») используется для задания цвета, типа, размера шрифта текста.

Внимание: Данный элемент устарел, взамен используйте стили CSS.

Синтаксис

<font>...</font>

Закрывающий тег

Обязателен.

Атрибуты

colorУстарел в HTML5
Устанавливает цвет текста с использованием либо названия цвета, либо цвета, указанного в шестнадцатеричном формате #RRGGBB.
faceУстарел в HTML5
Этот атрибут содержит список разделенных запятыми одного или нескольких имен шрифтов. Текст документа по умолчанию отображается для первого типа шрифта, поддерживаемого браузером клиента. Если в локальной системе не указан шрифт, браузер обычно по умолчанию использует шрифт пропорциональной или фиксированной ширины для этой системы.
sizeУстарел в HTML5
Задаёт размер шрифта в условных единицах.

Для этого элемента доступны глобальные атрибуты и события.

Различия между HTML 4.01 и HTML5

Тег <font> не поддерживается в HTML5.

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

Элемент <font>

Определяем цвет, шрифт и гарнитуру текста:

Пример HTML:

Попробуй сам
<font size="3" color="red">Кое какой текст!</font>
<font size="2" color="blue">Кое какой текст!</font>
<font face="verdana" color="green">Кое какой текст!</font>

Спецификации

Спецификация Статус
HTML 4.01 (W3C) Рекомендация

Поддержка браузерами

Элемент
<font> 3+ 1+ 4+ 1+ 1+ 1+
Элемент
<font>
1+
1+ 6+ 1+


wm-school.ru

| HTML | WebReference

Элемент <font> (от англ. font — шрифт) представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура.

Данный элемент устарел, взамен используйте стили.

Закрывающий тег

Атрибуты

color
Устанавливает цвет текста.
face
Определяет гарнитуру шрифта.
size
Задаёт размер шрифта в условных единицах.

Пример

<!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=utf-8">
  <title>FONT</title>
 </head>
 <body>
  <p><font size="5" color="red" face="Arial">П</font>ервая буква этого предложения 
    написана шрифтом Arial, выделена красным цветом и увеличена в размерах.</p>
 </body>
</html>

Результат данного примера показан на рис. 1.

Рис. 1. Изменение вида текста

Примечание

Для изменения цвета текста предназначено стилевое свойство color, семейство шрифта задаётся свойством font-family, а размер текста через свойство font-size.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>font</title>
  <style>
   .first {
    font-family: Arial, sans-serif;
    color: red;
    font-size: 1.2em;
   }
  </style>
 </head>
 <body>
  <p><span>Первое</span> слово этого предложения 
    написано шрифтом Arial, выделено красным цветом и увеличено в размерах.</p>
 </body>
</html>

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

×

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 09.10.2018

Редакторы: Влад Мержевич

webref.ru

Тег FONT

Тег FONT

представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Хотя этот тег до сих пор поддерживается всеми браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей.

Синтаксис
<font>Текст</font>

Закрывающий тег
Обязателен.

Параметры
color — цвет текста.
face — шрифт текста.
size — размер шрифта.

Пример 1. Использование тега FONT

<html>
<body>
<font size=5 color=red face=Arial>П</font>ервая буква этого предложения будет написана шрифтом Arial, красным цветом и увеличенной в размерах.
</body>
</html>

Результат

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

Описание параметров тега FONT

Параметр COLOR

Описание
Устанавливает цвет текста внутри контейнера FONT.

Синтаксис
<font color=цвет>…</font>

Аргументы
Для задания цветов применяется два способа: первый использует обозначения цветов в шестнадцатеричном коде, а второй — по названию некоторых цветов. Преимущественно используется способ, основанный на шестнадцатеричной системе исчисления, как наиболее универсальный. Десятичная система, хотя и более привычна для представления, находит применение только с помощью CSS.

Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. В таблице приведено соответствие десятичных и шестнадцатеричных чисел.

Десятичные 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Шестнадцатеричные 1 2 3 4 5 6 7 8 9 A B C D E F

Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999.

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

<font color=#FA8E47>Текст</font>

Цвет фона задан как #FA8E47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет.

Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, в модели RGB количество цветом может быть 256 х 256 х 256 = 16.777.216 комбинаций.

Аналог CSS
color

Значение по умолчанию
Цвет, установленный в браузере по умолчанию.

Пример 2. Цвет фона текста

<html>
<body>
<font color=crimson>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</font>
</body>
</html>

Результат
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

Параметр FACE

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

Синтаксис
<font facer=шрифт1, шрифт2,…>…</font>

Аргументы
Любое количество имен шрифтов разделенных запятыми. Универсальные семейства шрифтов:
serif — шрифты с засечками (антиквенные), типа Times;
sans-serif — рубленные шрифты (шрифты без засечек или гротески), типичный представитель — Arial;
cursive — курсивные шрифты;
fantasy — декоративные шрифты;
monospace — моноширинные шрифты, ширина каждого символа в таком семействе одинакова.

Аналог CSS
font-family

Значение по умолчанию
Шрифт, установленный в браузере по умолчанию.

Пример 3. Изменение шрифта

<html>
<body>
<font face=»Arial, Helvetica, sans-serif»>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</font>
</body>
</html>

Результат

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

Параметр SIZE

Описание
Ззадает размер шрифта в условных единицах от 1 до 7. Средний размер, используемый по умолчанию принят 3. Размер шрифта можно указывать как абсолютной величиной (например, size=4), так и относительной (например, size=+1, size=-1). В последнем случае размер изменяется относительно базового. На размер шрифта влияет не только заданный параметр size, но и выбор гарнитуры шрифта. Так, шрифт Arial выглядит крупнее, чем шрифт Times, а шрифт Verdana чуть больше шрифта Arial. Учитывайте эту особенность при выборе шрифта и его размеров.

Синтаксис
<font size=число>…</font>

Аргументы
Целое число от 1 до 7 или изменение значения в большую или меньшую сторону с помощью символов + и -.

Аналог CSS
font-size

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

Пример 4. Размер текста

<html>
<body>
<font size=1>Шрифт размера 1</font><br>
<font size=-1>Шрифт размера 2</font><br>
<font size=3>Шрифт размера 3</font><br>
<font size=+1>Шрифт размера 4</font><br>
<font size=5>Шрифт размера 5</font><br>
<font size=6>Шрифт размера 6</font><br>
<font size=7>Шрифт размера 7</font>
</body>
</html>

Результат

Шрифт размера 1
Шрифт размера 2
Шрифт размера 3
Шрифт размера 4
Шрифт размера 5
Шрифт размера 6
Шрифт размера 7

Материал взят с сайта htmlbook.ru

in-sites.ru

HTML тег font | назначение, синтаксис, атрибуты, примеры

Последнее обновление: 22.01.2011

Тег <font> (с англ. шрифт) — тег-контейнер, используется для задания параметров шрифта.
Строчный элемент.

HTML: 3.2 | 4 / XHTML: 1.0 (Strict, Transmissional, Frameset) | 1.1

Синтаксис

<font>...</font>

Атрибуты

Основные Вспомогательные

class определяет имя используемого класса
color задает цвет текста
dir определяет направление символов:
  • ltr — слева направо
  • rtl — справа налево
id уникальный идентификатор
face список названий шрифтов разделенных запятыми. В случае отсутствия первого шрифта из списка браузер будет использовать последующий. Поэтому рекомендуется заканчивать список именем семейства шрифтов
lang определяет язык отображаемого документа
pointsize размер шрифта.
Отсутствует в спецификации HTML 4.01!
size размер шрифта в условных единицах в абсолютной (от 1 до 7) или в относительной форме («+2»,«-1»)
style задает встроенную таблицу стилей
title всплывающая подсказка

Пример

Задаем различные шрифты:

<font face="Arial, Helvetica, sans-serif" size="+1">Это шрифт без засечек семейства sans-serif</font>
<font face="Times New Roman, Times, serif" size="4">Это шрифт с засечеками семейства serif</font>
<font face="Courier New, Courier, monospace">Такой шрифт называется моноширинным</font>

Рекомендации по использованию

  • закрывающий тег обязателен (</font>)
  • обязательных атрибутов нет
  • может содержать CDATA и строчные элементы
  • размер шрифта, определяемый font, является относительным по отношению к <basefont>
  • если <basefont> не используется, размер базового шрифта составляет 3
  • при использовании XHTML 1.0 Strict, XHTML 1.1, HTML 4.01 Strict не пройдет валидацию
  • тег <font> не рекомендуем использовать, вместо него следует использовать таблицы стилей
  • аналог CSS — color (для атрибута color), font-family(face), font-size(size)

Твой код:
<html> <head> <title></title> </head> <body> <p> <font face=»Arial, Helvetica, sans-serif» size=»+1″>Это шрифт без засечек семейства sans-serif</font><br/> <font face=»Times New Roman, Times, serif» size=»4″>Это шрифт с засечеками семейства serif</font><br/> <font face=»Courier New, Courier, monospace»>Такой шрифт называется моноширинным</font> </p> </body> </html> Сделай код и жми тут

Результат:
большой полигон

По теме

html-css-php-js.ru

Атрибуты font. Цвет шрифта HTML

Элемент

Теперь вы знаете, что управлять размером выводимого на экран текста можно при помощи тегов и . А как программист может изменять другие параметры шрифта? Для этого и существует директива .

Как известно, размер шрифта в стандарте HTML обозначается условными, пунктами, причем всего их насчитывается семь. Однако не все броузеры понимают термин пункт одинаково. Например, при отображении документа в Microsoft Internet Explorer размеры всех шрифтов различны, за исключением пунктов 2 и 3 — они отображаются шрифтом одной высоты, которая равна величине, принятой по умолчанию, и зависит от пользовательских настроек броузера. В Netscape Navigator абсолютно одинаково отображаются пункты 4 и 5, а так же б и 7, они больше по высоте, чем пункт 3, который является нормальным размером шрифта.

ПРИМЕЧАНИЕ Следует помнить, что некоторые броузеры, например Microsoft InternetExplorer, позволяют настраивать параметры текста, отображаемого всоставе документов HTML, путем изменения размера шрифта, подставляемого интерпретатором броузера по умолчанию. Это значит, что параметры элемента , равно как и других тегов, управляющих размером шрифта, могут изменяться в зависимости от пользовательских настроек. По той же причине возможен эффект нарушения компоновки страницы, оптимизированной для просмотра в броузере со стандартными настройками. Избежать этого можно, заключив все элементы документа в невидимую таблицу с фиксированной шириной, заданной в пикселах.

В общем виде синтаксис записи тега выглядит следующим образом:

текст

Значением атрибута FACE является название шрифта, который вы планируете использовать для отображения текста, заключенного в теги . Если, например, вместо параметра «значение!» в приведенном примере вы подставите «Arial», помеченный тегом , текст будет отображаться именно этим шрифтом.

ВНИМАНИЕ Помните, что набор шрифтов, установленных на компьютерах посетите— » лей вашего сайта, может быть разным, и если вы укажете в атрибуте FACE тега шрифт, отсутствующий в системе пользователя, текстна экране его монитора станет нечитаемым. Для того чтобы избежать ошибок при отображении текста в броузерах конечных пользователей, используйте указания только на стандартные шрифты, имеющиеся в составе большинства броузеров: Arial и New Times Roman. А лучше вообще опускать данный атрибут, позволив броузеру подставлять при интерпретации кода тот шрифт, который используется по умолчанию.

Атрибут SIZE указывает на размер шрифта, которым следует выводить текст. Параметр этого атрибута, обозначенный в нашем примере как «значение2», может быть описан либо абсолютной, либо относительной величиной. Абсолютная величина подразумевает использование в качестве параметра целого числа в диапазоне от 1 до 6, указывающего на высоту шрифта в пунктах. Относительная же величина, обозначаемая целым числом со знаком плюс или минус (например, +2 или -1), — это количество пунктов, которые следует прибавить или отнять от размера шрифта, используемого броузером по умолчанию. Так, запись говорит о том, что размер помеченного таким тегом текста будет на один пункт больше, чем обычный текст документа.

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

Очевидно, что при использовании тега любой из его атрибутов может быть опущен. Примером записи такой команды может служить следующая строка кода HTML:

отрывок текста

ВНИМАНИЕ Помните, что некоторые броузеры старых версий не поддерживают директиву . Среди них — текстовый броузер для UNIX-совместимыхплатформ, который носит название Lynx.

Браузер Internet Explorer Netscape Opera Safari Mozilla Firefox
Версия 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да

Описание

Тег представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Хотя этот тег до сих пор поддерживается всеми браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей.

Синтаксис

Текст

Закрывающий тег

Обязателен.

Параметры

color Устанавливает цвет текста. face Определяет гарнитуру шрифта. size Задает размер шрифта в условных единицах.

Пример 1. Использование тега



Тег FONT

Первая буква этого предложения написана шрифтом Arial, выделена красным цветом и увеличена в размерах.


Параметр COLOR

Описание

Устанавливает цвет текста внутри контейнера .

Синтаксис

Аргументы

Значение цвета можно задавать двумя способами.

1. По его названию

Браузеры поддерживают некоторые цвета по их названию.

2. По шестнадцатеричному значению

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буква

girlsgameland.ru