HTML тег font - изменение размера, цвета и других свойств шрифта - httpdoc.ru

Тег шрифта HTML

HTML Font Tag играет важную роль в разработке более удобных веб-сайтов и повышении читабельности контента. Внешний вид и цвет шрифта полностью зависят от компьютера и браузера, используемого для просмотра страницы, но мы можем использовать <font> тег HTML, чтобы добавить стиль, размер и цвет к тексту на вашем веб-сайте. Начнем с тегов html и различных атрибутов, таких как размер шрифта html, цвет.


Атрибуты тега шрифта HTML

HTML Font Tag имеет три атрибута под названием size , color и face настроить шрифт. Чтобы изменить любой из атрибутов шрифта в любое время на вашей веб-странице, используйте <font> тег. Следующий текст останется переключенным, пока вы не закроете </font> тег.

Как изменить размер шрифта html?

  • Мы можем установить размер шрифта html с помощью size атрибута.
  • Диапазон допустимых значений от 1 до 7.
  • Размер шрифта по умолчанию - 3.
Пример размера шрифта HTML:
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> HTML Font Size </title>
</head>
<body>

<font size="1">Hello HTML 5!</font>
<font size="2">Hello HTML 5!</font>
<font size="3">Hello HTML 5!</font>
<font size="4">Hello HTML 5!</font>
<font size="5">Hello HTML 5!</font>
<font size="6">Hello HTML 5!</font>
<font size="7">Hello HTML 5!</font>

</body>
</html>

Выход

HTML Font Size Examples Привет HTML 5!
Привет HTML 5!
Привет HTML 5!
Привет HTML 5!
Привет HTML 5!
Привет HTML 5!
Привет HTML 5!

Объясните: как вы можете видеть, по мере увеличения числа размер шрифта html также будет увеличиваться.


Шрифт Face

Вы можете установить font face атрибут «лицо», но имейте в виду, что если у пользователя, просматривающего страницу, не установлен шрифт, он его не увидит. Вместо этого пользователь увидит стиль шрифта по умолчанию.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>HTML Font Face Attribute </title>
</head>
<body>

<font face="Times New Roman" size="5">Times New Roman</font>
<font face="Verdana" size="5">Verdana</font>
<font face="Comic sans MS" size="5">Comic Sans MS</font>
<font face="WildWest" size="5">WildWest</font>
<font face="Bedrock" size="5">Bedrock</font>

</body>
</html>

Выход

HTML Font Face Attribute Examples Комикс Times New Roman
Verdana
без MS
WildWest
Bedrock

Альтернативный шрифт

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

Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> HTML Font Face Alternative Attribute </title>
</head>
<body>

<font face="Times New Roman,Verdana,Comic sans MS,WildWest" size="5">Times New Roman</font><br />
<font face="Lucida Calligraphy,Comic Sans MS,Lucida Console" size="5">Bedrock</font>

</body>
</html>

Выход

HTML Font Face Alternative Attribute Times New Roman
Bedrock

Тег цвета шрифта HTML

Тег цвета шрифта HTML html можно установить с помощью атрибута color. Вы можете указать желаемый цвет либо по названию цвета, либо по шестнадцатеричному коду этого цвета. Цвет текста делает сайт более привлекательным.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>HTML Font Color</title>
</head>
<body>

<font color="#69C">This text is in Blue</font><br />
<font color="green">This text is Green</font>

</body>
</html>

Выход

HTML Font Color Этот текст синего цвета
Этот текст зеленого цвета

Как я уже сказал, этот цвет html больше не используется в HTML 5, поэтому, если вы работаете над более старой версией HTML, вы можете использовать тег цвета шрифта HTML по мере необходимости. Также вы можете выбрать и добавить цветовой код из палитра цветов орудие труда.