HTML <font> Tag

The <font> tag defines the font characteristics. Size, color и and typeface are defined by the size, color and face attributes.

The <font> tag is obsolete, use CSS styles instead (see an example below).

Syntax

The <font> tag comes in pairs; the content is written between the opening (<font>) and the closing (</font>) tags.

Example

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>
      <font size="2" color="#1c87c9">Blue text</font>
    </p>
    <p>
      <font size="3" color="red">Red text, font size increased.</font>  
    </p>
    <p>
      <font face="arial" color="#8ebf42">Green text, typeface changed.</font>
    </p>
  </body>
</html>

Attributes

Attribute Value Description
color rgb (x, x, x)
#xxxxxx
colorname		 Sets the color of the text.
face font_family Sets the typeface.
size number Sets the size of the text.

CSS styles

To change the color of the text, CSS property color is used instead of the color attribute. CSS font-family or font-face properties come to replace the face attribute, and instead of the size attribute, the CSS font-size property is used.

Example

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p style="font-size:16px; color:#1c87c9;">Blue text.</p>
    <p style="font-size:18px; color:red;">Red text, font size increased.</p>
    <p style="font-size:18px; color:#8ebf42; font-family:arial;">Green text, typeface changed.</p>
  </body>
</html>

Prev
Next