HTML | Тег <font>

Опубликовано: 1 Марта, 2022

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

Тег шрифта имеет в основном три атрибута, которые приведены ниже:

  • Размер
  • Лицо / Тип
  • Цвет

Размер шрифта: этот атрибут используется для настройки размера текста в документе HTML с помощью тега шрифта с атрибутом размера. Диапазон размера шрифта в HTML составляет от 1 до 7, а размер по умолчанию - 3.

Example:

<!DOCTYPE html>
<html>
    <head>
        <title>HTML font tag</title>
    </head>
      
    <body>
        <font size = "1">GeeksforGeeks!</font><br />
        <font size = "2">GeeksforGeeks!</font><br />
        <font size = "3">GeeksforGeeks!</font><br />
        <font size = "4">GeeksforGeeks!</font><br />
        <font size = "5">GeeksforGeeks!</font><br />
        <font size = "6">GeeksforGeeks!</font><br />
        <font size = "7">GeeksforGeeks!</font>
    </body>
</html>                    

Выход:

GeeksforGeeks!! = "1"
GeeksforGeeks!! = "2"
GeeksforGeeks!! = "3"
GeeksforGeeks!! = "4"
GeeksforGeeks!! = "5"
GeeksforGeeks!! = "6"
GeeksforGeeks!! = "7"

Font Type: Font type can be set by using face attribute with font tag in HTML document. But the fonts used by the user needs to be installed in the system first.
Example:

<!DOCTYPE html>
<html>
    <head>
        <title>Example of Font Type</title>
    </head>
      
    <body>
        <font face = "Times New Roman" size = "6">
                             GeeksforGeeks!!</font><br />
        <font face = "Verdana" size = "6">
                             GeeksforGeeks!!</font><br />
        <font face = "Comic sans MS" size =" 6">
                             GeeksforGeeks!!</font><br />
        <font face = "WildWest" size = "6">
                             GeeksforGeeks!!</font><br />
        <font face = "Bedrock" size = "6">
                             GeeksforGeeks!!</font><br />
    </body>
</html>                    

Выход:

 GeeksforGeeks !!
GeeksforGeeks !!
GeeksforGeeks !!
GeeksforGeeks !!
GeeksforGeeks !!

Font Color: Font color is used to set the text color using font tag with color attribute in HTML document. Color can be specify either with its name or with its hex code.
Example:

<!DOCTYPE html>
<html>
    <head>
        <title>Font Color</title>
        <style>
            body {
                font-size:40px;
                font-weight:bold;
                text-align:center;
            }
        </style>
    </head>
    <body>
        <font color = "#009900">GeeksforGeeks</font><br />
        <font color = "green">GeeksforGeeks</font>
    </body>
</html>                    

Выход:

Примечание. Тег шрифта не поддерживается в HTML5.
Поддерживаемый браузер: Браузеры, поддерживаемые тегом <font>, перечислены ниже:

  • Гугл Хром
  • Internet Explorer
  • Fire Fox
  • Опера
  • Сафари