Тег HTML параметры шрифта
Тег используется для указания параметров шрифта конкретного участка текста в HTML документе.
С помощью тега font можно задать параметры шрифта: размер (size), цвет (color) и семейство шрифта (face).
Этот тег является устаревшим. В HTML5 для управления параметрами шрифта используйте группу CSS свойств font .
Синтаксис
текстОтображение в браузере
Внимание! Это слово было выделено с помощью тега font.
Пример использования тега в HTML коде
Изменение параметров шрифта с помощью тега font
Внимание! Это слово было выделено с помощью тега font. Поддержка браузерами
| Тег |  |
 |
 |
 |
 |
| Да | Да | Да | Да | Да |
Атрибуты тега
RGB
HTML hex
colorname
Цвет текста. Может быть указан в любом из трех поддерживаемых форматов:
- RGB, например, «rgb(15, 92, 50)»;
- HTML hex, например, «#0F5C32»;
- colorname, например, «black».
имя семейства шрифтов
Семейство шрифтов. Можно указать несколько шрифтов через запятую. Будет использован первый доступный на компьютере пользователя шрифт.
Приоритет слева направо (если не доступен первый, проверяется второй и т.д.).
числовое значение
Размер шрифта. Можно указать в абсолютном и относительном форматах.
- Абсолютное значение: число от 1 (самый маленький) до 7 (самый большой). Стандартный размер: 3.
- Относительное значение: «+1», «+2» и т.д. для увеличения размера шрифта или «-1», «-2» и т.д. для уменьшения размера шрифта.
HTML Tag
В HTML tag используется, чтобы задать шрифт текста. Это исключено в HTML, а также в XHTML.
Пример
< !DOCTYPE HTML> HTML тегов шрифт < /title> < /head> HTML тегов шрифт теперь исключен. Вы должны использовать запуск с помощью CSS, установить размер шрифта и семьи. < /font> < /body> < /html>
Это позволит получить следующие результаты:
HTML тегов шрифт теперь исключен. Вы должны использовать запуск с помощью CSS, установить размер шрифта и семьи.
Общие атрибуты
Этот тег поддерживает все глобальные атрибуты описано в — HTML-атрибут ссылки
Специальные атрибуты
В HTML tag также поддерживает следующие атрибуты:
| Атрибут | Значение | Описание |
|---|---|---|
| Цвет | RGB(x,x,x) #Шестнадцатеричныйкод Colorname |
Исключен — задает цвет текста. |
| сталкиваются с | Список имен шрифтов | Исключен — указывает шрифт семей. |
| Размер | Номер | Исключен — определяет размер шрифта с 1 до 7 человек. |
атрибутов события
Этот тег поддерживает всех атрибутов события описаны в — HTML события ссылки
Веб-браузер
| Хром | Фирэфох | IE | Опера | Сафари | Aндроид |
|---|---|---|---|---|---|
| Да | Да | Да | Да | Да | Да |
Html_tags_reference.htm
Kickstart Your Career
Get certified by completing the course
Что такое font в html
Элемент (от англ. font — шрифт) представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура.
Данный элемент устарел, взамен используйте стили.
Синтаксис
ТекстАтрибуты
color Устанавливает цвет текста. face Определяет гарнитуру шрифта. size Задаёт размер шрифта в условных единицах.
Пример
Результат данного примера показан на рис. 1.
Рис. 1. Изменение вида текста
Примечание
Для изменения цвета текста предназначено стилевое свойство color, семейство шрифта задаётся свойством font-family, а размер текста через свойство font-size.
Браузеры
| 3 | 12 | 1 | 4 | 1 | 1 |
| 3 | 1 | 6 | 1 |
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
HTML тег
Тег задает характеристика шрифта. Размер, цвет и гарнитура шрифта определяются атрибутами size , color и face .
Внимание: Данный тег устарел, взамен необходимо использовать CSS стили (см. пример ниже).
Синтаксис
Тег парный, содержимое пишется между открывающим () и закрывающим () тегами.
Пример
html> html> head> title>Заголовок документа title> head> body> p> font size="2" color="blue">Текст синего цвета font> p> p> font size="3" color="red">Текст красного цвета, размер шрифта увеличен. font> p> p> font face="arial" color="green">Текст зеленого цвета, гарнитура шрифта изменена. font> p> body> html>Результат
CSS стили
Вместо атрибута color для изменения цвета используют CSS свойство color, вместо атрибута face — CSS свойство font-family или font-face, а вместо атрибута size CSS свойство font-size.
Пример
html> html> head> title>Заголовок документа title> head> body> p style="font-size:16px;color:blue">Текст синего цвета. p> p style="font-size:18px;color:red"> Текст красного цвета, размер шрифта увеличен. p> p style="font-size:18px;color:green;font-family:arial"> Текст зеленого цвета, гарнитура шрифта изменена. p> body> html>Результат
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| color | rgb (x, x, x) #xxxxxx colorname |
Устанавливает цвет текста. |
| face | font_family | Устанавливает гарнитуру шрифта. |
| size | number | Устанавливает размер текста |
Как добавить стиль к тегу ?
Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега :
- CSS свойство font-style задает стиль шрифта: normal | italic | oblique | initial | inherit
- CSS свойство font-family создает приоритетный список названий семейства шрифтов и/или общее имя шрифтов для выбранных элементов.
- CSS свойство font-size задает размер щрифта.
- CSS свойство font-weight устанавливает насыщенность шрифта.
- CSS свойство text-transform задает регистр текста (заглавные или строчные буквы).
- CSS свойство text-decoration устанавливает оформление текста. Оно является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.
Цвет текста внутри тега :
- CSS свойство color определяет цвет контента и оформления текста.
- CSS свойство background-color устанавливает фоновый цвет элемента.
Стили форматирования текста для тега :
- CSS свойство text-indent указывает размер отступа первой строки в текстовом блоке.
- CSS свойство text-overflow указывает, как будет отображаться пользователю строчный текст, выходящий за границы блока.
- CSS свойство white-space указывает, как будут отображены пробелы внутри элемента.
- CSS свойство word-break указывает перенос строки.
Другие свойства для тега :
- CSS свойство text-shadow добавляет тень к тексту.
- CSS свойство text-align-last выравнивает последнюю строку текста.
- CSS свойство line-height устанавливает межстрочный интервал.
- CSS свойство letter-spacing устанавливает расстояние между буквами/символами в тексте.
- CSS свойство word-spacing устанавливает расстояние между словами в тексте.