HTML - <font> Tag

HTML <font> tag is used to specify the font of the text. We can change the color, size and font-face using this tag and corresponding attributes.

The <font> tag is no longer recommended as it is deprecated in HTML5. Instead of using this tag, we can use the CSS properties to change the font size, color, etc.

Syntax

<font size=" " color=" " face=" "> ....</font>

Attribute

HTML font tag supports Global and Event attributes of HTML. Acceppts some specific attributes as well which are listed below.

Attribute	Value	Description
color	rgb(x,x,x) #hexcode colorname	Deprecated − Specifies the color of the text.
face	List of font names	Deprecated − Specifies the font families.
size	number	Deprecated − Specifies the font size from 1 to 7.

Attribute

Value

Description

color

rgb(x,x,x)

#hexcode

colorname

Deprecated − Specifies the color of the text.

face

List of font names

Deprecated − Specifies the font families.

size

number

Deprecated − Specifies the font size from 1 to 7.

Examples of HTML font Tag

Bellow examples will illustrate the usage of font tag. Where, when and how to use font tag, and how we can manipulate the fonts using attributes

Set Size of Text

Here in this example we will use size attribute to change the font text size, as well as an alternative to change the font size using CSS.

<!DOCTYPE html>
<html>
<head>
   <title>HTML font Tag</title>
</head>
<body>
   <!-- Using attribute -- >
   <font size = "5">
      The HTML font tag is now deprecated. 
      You should use start using CSS to set
      font size and family.
   </font>
   <!-- Using CSS -- >
   <p style="font-size:24px">
      The HTML font tag is now deprecated. 
      You should use start using CSS to set
      font size and family.
   </p>
</body>

Set Color of Text

Here in this example we will use color attribute to change the font text color, as well as an alternative to change the font color using CSS.

<!DOCTYPE html>
<html>
<head>
   <title>HTML font Tag</title>
</head>
<body>
   <!-- Using attribute -- >
   <font color = "#ff9900">
      The HTML font tag is now deprecated. 
      You should use start using CSS to set
      font size and family.
   </font>
   <!-- Using CSS -- >
   <p style="color:#ff9900">
      The HTML font tag is now deprecated. 
      You should use start using CSS to set
      font size and family.
   </p>
</body>
</html>

Set font of Text

Here in this example we will use face attribute to change the font text face, as well as an alternative to change the font face using CSS.

<!DOCTYPE html>
<html>
<head>
   <title>HTML font Tag</title>
</head>
<body>
   <!-- Using attribute -- >
   <font face = "cursive,serif">
      The HTML font tag is now deprecated. 
      You should use start using CSS to set
      font size and family.
   </font>
   <!-- Using CSS -- >
   <p style="font-family: cursive,serif;">
      The HTML font tag is now deprecated. 
      You should use start using CSS to set
      font size and family.
   </p>
</body>
</html>

Supported Browsers

Tag
font	Yes	Yes	Yes	Yes	Yes

html_deprecated_tags.htm