HTML <font> size Attribute
Last Updated :
28 Dec, 2023
The HTML <font> size Attribute is used to specify the size of text that is present inside <font> element. By applying this attribute to specific text elements, you can easily modify the font size, ensuring simplicity and direct control.
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.
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:
<font> size attribute
Example 2: This example illustrates the use of the size attribute inside the <font> tag in HTML.
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.
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 attribute
Supported Browsers:
- Google Chrome 1
- Microsoft Edge 12
- Firefox 1
- Opera 7
- Safari 1
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...