¿Cómo cambiar el tamaño de fuente usando CSS?

El propósito de este artículo es cambiar el tamaño de fuente usando CSS.

La propiedad CSS font-size establece el tamaño de la fuente. Hay varias formas de especificar el tamaño de la fuente, incluidas palabras clave o valores numéricos para píxeles o ems . Elija el método apropiado según las necesidades de la página web en particular. 

Sintaxis:

font-size: medium|xx-small|x-small|small|large|x-large
|xx-large|smaller|larger|length|initial|inherit;

Ejemplo:

HTML

<!DOCTYPE html>
<html>
  <head>
    <style>
      .div1 {
        font-size: 1.2em;
      }
      .div2 {
        font-size: smaller;
      }
      .div3 {
        font-size: 80%;
      }
      .div4 {
        font-size: 12px;
      }
      .div5 {
        font-size: x-small;
      }
    </style>
  </head>
  <body>
    <div class="div1">GeeksforGeeks</div>
    <div class="div2">GeeksforGeeks</div>
    <div class="div3">GeeksforGeeks</div>
    <div class="div4">GeeksforGeeks</div>
    <div class="div5">GeeksforGeeks</div>
  </body>
</html>

Producción:

diferente tamaño de fuente 

Publicación traducida automáticamente

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *