Синтаксис <font>Текст</font> ; Закриваючий тегОбов'язковий. АтрибутиcolorВстановлює колір тексту. faceВизначає гарнітуру шрифту.sizeВказує розмір шрифту в умовних одиницях. Приклад <!DOCTYPE HTML PUBLIC ""> Синтаксис <font>Текст</font> ; Закриваючий тегОбов'язковий. АтрибутиcolorВстановлює колір тексту. faceВизначає гарнітуру шрифту.sizeВказує розмір шрифту в умовних одиницях. Приклад <!DOCTYPE HTML PUBLIC ""> Синтаксис <font>Текст</font> ; Закриваючий тегОбов'язковий. АтрибутиcolorВстановлює колір тексту. faceВизначає гарнітуру шрифту.sizeВказує розмір шрифту в умовних одиницях. Приклад <!DOCTYPE HTML PUBLIC "">
CSS властивості
ГлавнаяТеги HTMLТег <font> в HTML

Тег <font> в HTML

1203

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

Даний елемент застарілий, замість цього використовуйте стилі. field_html_syntax">Синтаксис

<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 class="first">Перше</span> слово цієї пропозиції написано шрифтом Arial, виділено червоним кольором та збільшено у розмірах.</p>
</body>
</html>

Браузери

3 12 1 4 1 1
1 1 6 1

Браузери

У таблиці браузерів застосовуються такі позначення.

  •  — елемент повністю підтримується браузером;
  •  — елемент браузером не сприймається та ігнорується;
  •  — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями. li>

Число вказує версію браузреа, з якої елемент підтримується.