Что такое font в html
Перейти к содержимому

Что такое font в html

  • автор:

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>

Результат

fontexample1

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>

Результат

fontexample2

Атрибуты

Атрибут Значение Описание
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 устанавливает расстояние между словами в тексте.

Что такое font в html

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

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

Синтаксис

Текст

Атрибуты

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

Пример

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

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

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

Примечание

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

Браузеры

3 12 1 4 1 1

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

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

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

HTML тег font

Тег определяет такие характеристики шрифта текст, как размер, гарнитура, цвет.

Разница между HTML 4.01 и HTML5

Тег не поддерживается в HTML5. Используйте вместо него стили CSS.

Атрибуты тега

Атрибут Описание
color Определяет цвет текста
face Определяет шрифт текста внутри элемента
size Определяет размер шрифта текста внутри элемента
HTML пример использования

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

 Кое какой текст! Кое какой текст! Кое какой текст! 

Что такое font в html

HTML фонт элемент( ) определяет размер шрифта, цвета и лицо для его содержимого

Примечание: Примечание по применению:**Не используйте этот элемент!**Хотя он был нормализован в HTML 3.2, он был устаревшим в HTML 4.01, в то время как все элементы, относящиеся только к стилю, затем устарели в HTML5.Начиная с HTML 4, HTML больше не передаёт информацию о стиле (вне элемента или атрибута style для каждого элемента). Для любой новой веб-разработки стили должны быть написаны только с использованием CSS. Предыдущее поведение элемента может быть достигнуто и даже лучше контролироваться с помощью CSS CSS-свойств шрифтов.

Атрибут

Как и все другие элементы, этот элемент поддерживается с global attributes (en-US) .

Этот атрибут устанавливает цвет текста, используя либо именованный цвет, либо цвет, указанный в шестнадцатеричном формате #RRGGBB.

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

Этот атрибут определяет размер шрифта как числовое или относительное значение. Числовые значения варьируются от 1 до 7, при этом 1 является наименьшим, а 3 — значением по умолчанию. Его можно определить с использованием относительного значения, например, +2 или -3, которые устанавливают его относительно значения атрибута size (en-US) (en-US), или по отношению к 3, значение по умолчанию, если оно не существует.

DOM interface

Совместимость с браузерами

BCD tables only load in the browser

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *