A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://www.geeksforgeeks.org/html/html-font-size-attribute/ below:

HTML <font> size Attribute - GeeksforGeeks

HTML <font> size Attribute

Last Updated : 11 Jul, 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 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.

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 attribute Browser Support


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.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4