❌ Эта статья об устаревшем теге, спецификация HTML не рекомендует использовать его в веб-разработке.

Тег <font> позволял задать шрифт, размер и цвет текста на странице. Однако, этот тег является устаревшим и не рекомендуется к использованию в HTML. Вместо него следует использовать CSS для стилизации текста.

Синтаксис тега <font>

<font size="3" face="Arial" color="#000000">Текст</font>

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

Тег <font> устарел в HTML5. Ссылка на спецификацию HTML 4.01.

Семантический или нет

Тег <font> не считается семантическим, так как не придает никакого конкретного значения содержимому.

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

Изменение цвета текста:

<p>
    <font color="red">Красный текст</font>
</p>

Изменение размера текста:

<p>
    <font size="5">Крупный текст</font>
</p>

Изменение шрифта:

<p>
    <font face="Arial">Текст в шрифте Arial</font>
</p>

Комбинирование нескольких атрибутов:

<p>
    <font size="3" face="Arial" color="#000000">Текст в шрифте Arial, размером 3 и цветом #000000</font>
</p>

Для чего использовался тег <font>

Тег <font> использовался для задания шрифта, размера и цвета текста на веб-странице. Однако, следует избегать использования этого тега и вместо него использовать CSS для стилизации текста.

Сейчас примеры использования тега <font> можно найти только на устаревших сайтах.

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

  • size — задавал размер шрифта, значение от 1 до 7.
  • face — задавал название шрифта, например Arial, Times New Roman и т. д.
  • color — задавал цвет текста в формате HEX, например #000000 для чёрного цвета.

Глобальные атрибуты

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

Нюансы

Использование тега <font> может привести к нежелательным результатам в браузерах, которые не поддерживают этот тег.

Чем заменить тег

Вместо тега <font> следует использовать CSS для задания шрифта, размера и цвета текста на веб-странице. Например, можно использовать свойства font-family, font-size и color для задания соответствующих стилей текста в CSS.

Актуальность

Тег <font> устарел и не рекомендуется к использованию в веб-разработке.


Хотите узнать больше об HTML-тегах?

Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

<div>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<dl>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<option>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<ul>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<video>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<datalist>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<caption>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023