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...