DEV Community

Share Point Anchor
Share Point Anchor

Posted on • Originally published at sharepointanchor.com on

HTML <font> Font Tag

In HTML, the Font tag is used to define the font characteristics such as font’s color , size and face. You can also change this behavior by using the CSS property.

  • The font tag has basically three attributes. They are:
    • Size
    • Color
    • Face/Type

Note : The tag is a deprecated HTML tag , and it is not available in HTML 5.

Estimated reading time: 4 minutes

Syntax:

The tag contains both the starting tag and ending tag. The content is written between these two tags.


<font attribute="value"> Write your text here </font>

Enter fullscreen mode Exit fullscreen mode

Sample of the HTML Tag:


<!DOCTYPE html>
<html>
  <head>
    <title>HTML <font> Tag</title>
  </head>
  <body>
<h2>Example for HTML <font> tag:</h2>
    <p>
      <font size="3" color="#FF00FF">This text is in Pink.</font>
    </p>
    <p>
      <font size="5" color="green">Green text, font size increased.</font>  
    </p>
    <p>
      <font size="4" face="Comic sans MS" color="blue">Blue tex, typeface changed.</font>
    </p>
  </body>
</html>

Enter fullscreen mode Exit fullscreen mode

Result:

Result

Download Sample File:

HTML-font-tagDownload

CSS Style for Changing the Font Characteristics:

You can use the CSS Color property to change the color of the text. Also use the CSS font-family or font-face properties to change the text type and use the CSS font-size property to change the text size.

Example:


<!DOCTYPE html>
<html>
  <head>
    <title>HTML <font> Tag</title>
  </head>
  <body>
<h2>Example for HTML <font> tag with CSS property:</h2>
    <p style="font-size:16px; color:green;">This is the Green color text.</p>
    <p style="font-size:20px; color:#1c87c9;">Blue color text, and font size increased.</p>
    <p style="font-size:18px; color:salmon; font-family:WildWest;">Salmon color text, typeface changed.</p>
  </body>
</html>

Enter fullscreen mode Exit fullscreen mode

Result:

Result

Attributes:

The tag supports both the Global attributes and Event Attributes.

Attribute Value Description
color
  • rgb (x, x, x)
  • #xxxxxx
  • colorname | This value is used to change the color of the given text. | | face | font_family | It is used to set the typeface. | | size | number | Helps to set the size of the text. |
Attributes

Styling Methods for Tag:

You can use the following properties to style an HTML font tag.

Properties to style the visual weight/emphasis/size of the text in tag:

  • CSS font-style – This CSS property helps to set the font style of the text such as normal, italic, oblique, initial, inherit.
  • CSS font-family – This CSS property specifies a prioritized list of one or more font family names or generic family names for the selected element.
  • CSS font-size – This CSS property will help to set the size of the font.
  • CSS font-weight – This CSS property used to define whether the font should be bold or thick.
  • CSS text-transform – This CSS property will control the text case and capitalization.
  • CSS test-decoration – This CSS property specifies the decoration added to text such as text-decoration-line , text-decoration-color , text-decoration- style.

Styles to coloring the text in Tag:

  • CSS color – This CSS property will specify the color of the text content and decorations.
  • CSS background-color – This CSS property helps to set the background color of an element.

Text layout styles for Tag:

  • CSS text-indent – This CSS property is used to specify the indentation of the first line in a text block.
  • *CSS text-overflow * – This CSS property helps to describe how overflowed content that is not displayed should be signaled to the user.
  • CSS white-space – This CSS property describes how white-space inside an element is handled.
  • CSS word-break – This CSS property decides where the lines should be broken.

Other Properties for Tag:

  • CSS text-shadow – This CSS property helps to add the shadow to text.
  • CSS text-align-last – This CSS property will set the alignment of the last line of the text.
  • CSS line-height – This CSS property defines the height of a line.
  • CSS letter-spacing – This CSS property helps to decide the spaces between letters/characters in a text.
  • CSS word-spacing – This CSS property specifies the spacing between every word.

Browser Support:

Browser Support

Related Articles:

Frequently Asked Questions:

What is a tag in HTML?

The HTML tag defines the font characteristics such as size , color , and typeface.

What is the function of font tag?

The font tag will create an attractive and readable web page.

What is the syntax of the HTML font tag?

The basic syntax of the HTML font tag is:

Text

Is font tag is deprecated HTML tag?

Yes. The tag is deprecated HTML tag , and it is no longer available in HTML 5.

What are the attributes available in HTML tag?

The font tag contains the following three attributes:

Color

Size

Face/Type

The post HTML Font Tag appeared first on Share Point Anchor.

Top comments (0)