HTML <font> face Attribute

Last Updated : 17 Jun, 2025

The HTML <font> face Attribute is used to specify the font family of the text inside the <font> element. Using the <font> tag for styling is outdated. Modern web design recommends using CSS instead of<font> tag.

Note: The <font> face attribute is not supported by HTML5.

Syntax

<font face="font_family">

Attribute Values

It contains a single value, font_family, which is used to specify the font family. Several font families can be used by separating comma.

Example 1: The implementation of the font face attribute

index.html
<!DOCTYPE html> 
<html> 
<head> 
    <title> 
        HTML font face Attribute 
    </title> 
</head> 
<body> 
    <font size="6" face="verdana"> 
            GeeksforGeeks! 
        </font> 
    <br> 

    <font size="6" face="arial"> 
            GeeksforGeeks! 
        </font> 
    <br> 

    <font size="6"> 
            GeeksforGeeks! 
        </font> 
</body> 
</html> 

Output:

Example 2: The implementation of the font face attribute.

HTML
<!DOCTYPE html>
<html>

<head>
    <title>
        HTML font face and color Example
    </title>
</head>

<body>
    <font size="6" face="cursive" color="green">
        GeeksforGeeks!
    </font>
    <br>

    <font size="6" face="fantasy" color="green">
        GeeksforGeeks!
    </font>
    <br>

    <font size="6" color="green">
        GeeksforGeeks!
    </font>
</body>

</html>

Output


output

Browser Support

AttributeChromeEdgeFirefoxSafariOpera
font face
Desktopv1v12v1v1v15
Mobilev18v4v1v14
Comment