It’s Festive Season! Enjoy 30% Off

Use code FESTIVE30 at checkout

Code has been added to clipboard!

HTML font Tag

Reading time 1 min
Published Jun 29, 2017
Updated Oct 2, 2019

HTML font Tag: Main Tips

  • The HTML <font> tag sets the font size, color and face for specified content.
  • This HTML font size tag is deprecated, meaning that we do not recommend using it.
  • Use CSS fonts instead for better functionality and browser-support.

How font Was Used

HTML <font> codes define text style.

Warning: ever since HTML4, HTML styles elements only with the style element (or as an attribute). Use CSS fonts for better control and stability.

Example
<p><font color="red" face="verdana" size="7">The text color is set to red, the font size is set to '7' and the font family is 'Verdana'.</font></p>

Note: the attribute value for the HTML font size tag is an integer (from 1 to 7). The value 1 is the smallest, 3 means the default size and 7 is the biggest font size.

Attributes for font

color

Sets text color. Not supported in HTML5. Use CSS color property as an alternative.

Example
<p><font color="red">The text color is set to red.</font></p>

face

Sets font family. Not supported in HTML5. Instead, use CSS font-family property.

Example
<p><font face="verdana">The font family is set to 'Verdana'.</font></p>

size

Sets HTML font size. Not supported in HTML5. Apply CSS font-size property for better results.

Example
<p><font size="1">The font size is set to '1'.</font></p>

Browser support

Browser image
Chrome
All
Browser image
Edge
All
Browser image
Firefox
All
Browser image
IE
All
Browser image
Opera
All
Browser image
Safari
All

Mobile browser support

Browser image
Chrome
All
Browser image
Firefox
All
Browser image
Opera
All
Browser image
Safari
All