HTML font Tag

by Online Tutorials Library July 14, 2022

HTML <font> tag (Not Supported in HTML5)

HTML <font> tag is used to define the font style for the text contained within it. It defines the font size, color, and face or the text in an HTML document.

NOTE: Do not use HTML <font> tag as it is deprecated in HTML5, so you can use CSS properties to change the font size, face, color, etc.

Syntax

Following are some specifications about the HTML <font> tag

Display	Inline
Start tag/End tag	Both Start and End tag
Usage	Font Style

Example 1

  <!DOCTYPE html>   <html>   <head>   <title>Font Tag</title>   </head>   <body>   <h2>Example of font tag</h2>   <p>This is normal text without any font styling</p>    <p>  <font color=”blue”>Text with normal size and default face</font>    </p>    <p>  <font size=”5″ color=”green”>Text with Increased size and default face</font>    </p>    <p>  <font color=”red” face=”cursive”>Text with Changed face</font>    </p>  </body>  </html>  

Test it Now

Output:

HTML font tag

Using CSS

The same effect can be achieved using CSS properties as in below example:

  <!DOCTYPE html>   <html>   <head>   <title>Font Tag</title>   </head>   <body>  <h2>Change font using CSS</h2>   <p>This is normal text without any font styling</p>   <p style=”color: blue;”>Text with normal size and default face</p>   <p style=”font-size: 25px; color: green;”>Text with Increased size and default face </p>   <p style=”font-family: cursive; color: red;”>Text with Changed face</p>  </body>  </html>  

Test it Now

Output:

HTML font tag

Attribute

Tag-specific attribute

Attribute	Value	Description
colod	rgb(X,X,X) #xxxxx color_name	It specifies the color of the content. (Not Supported in HTML5)
face	font_family	It specifies the typeface of the content. (Not Supported in HTML5)
size	number	It specifies the size of the content. (Not Supported in HTML5)

Supporting Browsers

Element	Chrome	IE	Firefox	Opera	Safari
<font>	Yes	Yes	Yes	Yes	Yes

Next TopicHTML footer Tag