🚨 $100K in Sight: Follow Bitcoin’s Final Push Live! TRACK NOW

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.

DataCamp
Pros
  • Easy to use with a learn-by-doing approach
  • Offers quality content
  • Gamified in-browser coding experience
  • The price matches the quality
  • Suitable for learners ranging from beginner to advanced
Main Features
  • Free certificates of completion
  • Focused on data science skills
  • Flexible learning timetable
Udacity
Pros
  • Simplistic design (no unnecessary information)
  • High-quality courses (even the free ones)
  • Variety of features
Main Features
  • Nanodegree programs
  • Suitable for enterprises
  • Paid Certificates of completion
edX
Pros
  • A wide range of learning programs
  • University-level courses
  • Easy to navigate
  • Verified certificates
  • Free learning track available
Main Features
  • University-level courses
  • Suitable for enterprises
  • Verified certificates of completion

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