Atributo de tamaño de HTML

El atributo de tamaño HTML  se utiliza para especificar el tamaño del texto que está presente dentro del elemento  .

Sintaxis:

<font size="number">

Valores de atributo: contiene un solo número de valor que especifica el tamaño del texto. El tamaño de fuente se encuentra entre 1 y 7. El valor predeterminado del tamaño de fuente es 3.

Nota: HTML 5 no admite el atributo de tamaño .

Ejemplo 1: Este ejemplo ilustra el uso de la propiedad de tamaño de fuente cuyo valor oscila entre 1 y 7 en 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>

Producción:

atributo de tamaño

Ejemplo 2: Este ejemplo ilustra el uso del atributo de tamaño dentro de la etiqueta en 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>

Producción:

Etiqueta con diferente atributo de color, tipo y tamaño

Ejemplo 3: En este ejemplo, hemos utilizado el atributo de tamaño de fuente y lo hemos configurado en diferentes valores para que se muestre de forma similar al uso de encabezado y párrafo HTML.

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>

Producción:

Etiqueta con diferente cara y atributo de tamaño

Navegadores compatibles:

Google Chrome 93.0
Internet Explorer 11.0
Microsoft Edge 93.0
Firefox 92.0
Safari 14.1
Ópera 79.0

Publicación traducida automáticamente

Artículo escrito por jit_t y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Atributo de tamaño de <font> HTML

HTML

HTML

HTML

Deja una respuesta Cancelar la respuesta