HTML size Attribute

Last Updated : 24 Jun, 2024

The HTML size attribute adjusts text size within `` 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 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:

size attribute

Example 2: This example illustrates the use of the size attribute inside the 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

In conclusion, while the 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.

Supported Browsers:

Node.js URLSearchParams.entries()

jit_t

Improve

Article Tags :

HTML <font> size Attribute

Syntax:

Attribute Values:

Supported Browsers:

Similar Reads

HTML <font> size Attribute

Syntax:

Attribute Values:

Supported Browsers:

Similar Reads

Thank You!

What kind of Experience do you want to share?