HTML <font> size Attribute
Last Updated :
18 Jun, 2025
The HTML <font> size attribute adjusts text size within `<font>` elements, simplifying font size modification directly. Deprecated in HTML5, it ranged from 1 to 7, defaulting to 3. For modern practices, CSS is recommended for more flexible and maintainable text styling.
Note: The <font> size attribute is not supported by HTML5.
Syntax
<font size="number">
Attribute Values
It contains a single value number that specifies the size of the text. The font size lies between 1 to 7. The default value of font size is 3.
Example 1: This example illustrates the use of the font size property, whose value ranges from 1 to 7 in HTML.
index.html
<!DOCTYPE html>
<html>
<head>
<title>HTML font size Attribute</title>
</head>
<body>
<font size="1">GeeksforGeeks!</font><br />
<font size="2">GeeksforGeeks!</font><br />
<font size="3">GeeksforGeeks!</font><br />
<font size="4">GeeksforGeeks!</font><br />
<font size="5">GeeksforGeeks!</font><br />
<font size="6">GeeksforGeeks!</font><br />
<font size="7">GeeksforGeeks!</font>
</body>
</html>
Output
size attribute
Note: If you do not specify a font size, the default size for normal text, like paragraphs, is 16px (16px=1em).
Example 2: This example illustrates the use of the size attribute inside the <font> tag in HTML.
index.html
<!DOCTYPE html>
<html>
<head>
<title>HTML font size Attribute</title>
</head>
<body>
<font size="7" face="verdana" color="green">
GeeksforGeeks!
</font>
<br>
<hr>
<font size="6" face="arial" color="#008000">
GeeksforGeeks!
</font>
<br>
<hr>
<font size="5" face="sans-serif" color="rgb(128, 128, 0)">
GeeksforGeeks!
</font>
<br>
<hr>
<font size="4" face="times new roman" color="#008000">
GeeksforGeeks!
</font>
</body>
</html>
Output
tag with different color, type & size attributeExample 3: In this example, we have used the font size attribute & set it to different values in order to display similar to the use of HTML heading & paragraph.
index.html
<!DOCTYPE html>
<html>
<body>
<font size="6" face="sans-serif" color="green">
GeeksforGeeks
</font>
<br>
<hr>
<font size="3" face="Comic sans MS">
Learn Data Structures Online At
Your Own Pace With The Best Of Faculty
In The Industry. The Best Data Structures
Course Available Online From
Skilled And Experienced Faculty.
</font>
</body>
</html>
Output
tag with different face & size attributeBrowser Support
| Attribute |  |  |  |  |  |
|---|
| <font> size | ✓ | ✓ | ✓ | ✓ | ✓ |
| Desktop | v1 | v12 | v1 | v1 | v15 |
| Mobile | v18 | ‐ | v4 | v1 | v14 |
Note: Modern web development favors CSS for styling, offering greater flexibility and compatibility across browsers. Developers should adopt CSS for text size adjustments and embrace current best practices for web design.