HTML <font> size Attribute
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.
<!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
Example 2: This example illustrates the use of the size attribute inside the <font> tag in 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 attribute
Example 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.
<!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 attribute
In conclusion, while the <font> size attribute provided direct control over text size in HTML, it is now deprecated in HTML5. 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.
