HTML Tutorial

JavaScript Tutorial

CSS Tutorial

PHP Tutorial

SEO Tutorial

HTML Fonts

Warning! The <font> tag is deprecated in HTML5 and should not be used. Instead, use CSS properties to modify fonts.

The Font Tag in HTML is an important attribute used to enhance the appearance of web pages or HTML documents.

This tag primarily operates on three main attributes: size, face or type, and color. The Font tag works as an inline element in HTML, allowing users to change certain features of block text in HTML documents.

<font size=” ” face=” ” color=” ”>

Test Yourself

Font Face

This font face attribute is used to define the font type for included text.

<body>

   

<font face = "Comic sans MS">This is Comic Sans Font</font><br/>

   <font face = "Bernard MT Condensed" >This is Bernard MT Condensed Font</font><br/>

   <font face = "Algerian">This is Algerian Font</font><br/>

 

   <font face = "Book Antiqua">This is Book Antiqua Font</font><br/>

   <font face = "Aharoni">This is Aharoni Font</font>

</body>

Test Yourself

<body>

   <font face = "Comic sans MS" size="1">This is Comic Sans Font</font><br/>

   <font face = "Bernard MT Condensed" size="2">This is Bernard MT Condensed Font</font><br/>

 

   <font face = "Algerian" size="3">This is Algerian Font</font><br/>

   <font face = "Book Antiqua" size="4">This is Book Antiqua Font</font><br/>

   <font face = "Aharoni" size="5">This is Aharoni Font</font>

</body>

Test Yourself

Font Color

This font face attribute is used to define the font type for included text.

<body>

   <font face = "Comic sans MS" size="1" color="#000">This is Comic Sans Font</font><br/>

   <font face = "Bernard MT Condensed" size="2" color="#cc0066">This is Bernard MT Condensed Font</font><br/>

   <font face = "Algerian" size="3" color="#cc3300">This is Algerian Font</font><br/>

   <font face = "Book Antiqua" size="4">This is Book Antiqua Font</font><br/>

   <font face = "Aharoni" size="5" color="#666600">This is Aharoni Font</font>

</body>

Test Yourself

Changing Font Style Using the Inline-Style

We can also change font properties by using inline-style attribute. Following example shows you how to change font style, font color and it's size using inline-style attribute.

<body>

 

<div style="font-family: Algerian; font-size: 18px; color: #cc3300;">This is Algerian Font</div>

</body>

Test Yourself

Supporting Browsers

Element
Font	Yes	Yes	Yes	Yes	Yes

Help Us to Improve our content

Let's Talk

HTML Fonts

Font Face

Font Size

Font Color

Changing Font Style Using the Inline-Style

Supporting Browsers

Help Us to Improve our content

Important Links

Company

Others

Explore

HTML Fonts

Font Face

Font Size

Font Color

Changing Font Style Using the Inline-Style

Supporting Browsers

Help Us to Improve our content

Important Links

Follow us on social :

Company

Others

Explore

Subscribe to Our News Letter!

Follow us on social :