Tamaño de fuente: font-zise.

font-size es la propiedad de CSS que permite cambiar el tamaño de la letra y sus valores son de tipo numérico ya sea usando pixeles, em, porcentajes o puntos (pt).

El siguiente es un ejemplo sencillo del uso de la propiedad font-size en CSS:

<html>

   <head>

       <style type="text/css">

            .miLetra {

                font-size: 28px;

            }

        </style>

   </head>

   <body>

        <section>

                <p class="miLetra">Texto de muestra</p>

        <section>

   </body>

</html>

El resultado es el siguiente:

Texto de muestra

Como se puede ver en las zonas resaltadas tenemos un parrafo con la clase miLetra (<p class="miLetra">) y un CSS que apunta a este con la propiedad font-size y el valor 28 en pixeles (28px).

Hay que tener en cuenta que esta propiedad recibe valores de varios tipos pero siempre el número debe ir pegado a la unidad de medida.

Los siguientes ejemplos están escritos de forma correcta:

  • 25px
  • 32%
  • 4em
  • 5pt

Los siguientes ejemplos están escritos de forma INCORRECTA:

  • 25 px
  • 32-%
  • 4e m
  • 5 pt

Como se puede ver, no se debe dejar espacio entre el valor y la unidad de medida ni separar los caracteres de la misma.

 

Conclusiones:

  • A pesar de que existen muchas unidades de medida, pixeles (px) es la recomendable mas para font-size.
  • No se deben incluir espacios entre el valor y la unidad de medida.