Тег HTML <font>
Тег <font> определяет характеристики шрифта. Размер, цвет и гарнитура управляются атрибутами size, color и face.
DANGER
Тег <font> является устаревшим тегом HTML. Вместо него используйте стили CSS (см. пример ниже).
Синтаксис
Тег <font> используется парами. Содержимое записывается между открывающим (<font>) и закрывающим (</font>) тегами.
Пример использования тега HTML <font>:
Пример тега HTML <font>
html
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>
<font size="2" color="#1c87c9">Blue text</font>
</p>
<p>
<font size="3" color="red">Red text, font size increased.</font>
</p>
<p>
<font face="arial" color="#8ebf42">Green text, typeface changed.</font>
</p>
</body>
</html>Результат
Стили CSS
Чтобы изменить цвет текста, используйте свойство CSS color вместо атрибута color. CSS font-family заменяет атрибут face, а вместо атрибута size используется свойство CSS font-size.
Пример изменения стиля текста с помощью CSS:
Пример использования свойств CSS color, font-family, font-size вместо атрибутов color, face и size
html
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p style="font-size:16px; color:#1c87c9;">Blue text.</p>
<p style="font-size:18px; color:red;">Red text, font size increased.</p>
<p style="font-size:18px; color:#8ebf42; font-family:arial;">Green text, typeface changed.</p>
</body>
</html>Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| color | rgb (x, x, x) #xxxxxx colorname | Устанавливает цвет текста. |
| face | font_family | Устанавливает гарнитуру шрифта. |
| size | number | Устанавливает размер текста. |
Практика
Каковы особенности тега HTML Font?