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.