totn HTML

HTML: <font> tag

This HTML tutorial explains how to use the HTML element called the <font> tag with syntax and examples.

Description

The HTML <font> tag defines the font size, color and face of text in the HTML document. Since this tag was removed in HTML5, it is recommended that you use CSS properties such as font, font-family, font-size and color to format the text in the document. This tag is also commonly referred to as the <font> element.

WARNING: The <font> tag has been removed in HTML5. Use CSS such as font, font-family, font-size and color to format the text in the document.

Syntax

In HTML, the syntax for the <font> tag is: (example that formats the text as red, uses to the font-family Verdana, Geneva, sans-serif and has a relative size of +1)

<body>
<p><font color="red" face="Verdana, Geneva, sans-serif" size="+1">Your formatted text goes here</font></p>
</body>

Sample Output


Attributes

In addition to the Global Attributes, the following is a list of attributes that are specific to the <font> tag:

Attribute Description HTML Compatibility
color Color of text in either hexadecimal (ie: #RRGGBB format) or named color (ie: black, red, white) HTML 4.01
face Font to use for text. Listed as one or more font names (comma separated) HTML 4.01
size Font size expressed as either a numeric or relative value.

Numeric values range from 1 to 7 (1 is the smallest, 7 is the largest, 3 is the default).
Relative values can be values such as +1 or -2, increasing by one font size or decreasing by 2 font sizes, respectively.
HTML 4.01

Note

Browser Compatibility

The <font> tag has basic support with the following browsers:

  • Chrome
  • Android
  • Firefox (Gecko)
  • Firefox Mobile (Gecko)
  • Internet Explorer (IE)
  • Edge Mobile
  • Opera
  • Opera Mobile
  • Safari (WebKit)
  • Safari Mobile

Example

We will discuss the <font> tag below, exploring examples of how to use the <font> tag in HTML5, HTML 4.01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict, and XHTML 1.1.