Hojas de estilos CSS: Font - size

En estos ejemplos que proponemos en estas páginas sobre atributos de textos, los hemos aplicados directamente sobre el body, estos atributos también pueden ser aplicados a través de una hoja de estilos incorporada.

Atributo font-size

Este atributo establece el tamaño del texto.

Mientras el HTML estándar prevé tan sólo 7 niveles predefinidos para el tamaño del texto (de font size=1 a font size=7), las hojas de estilo permiten un control mucho más preciso y elástico, sin limitaciones.

Puntos: Su abreviatura es pt. Cada punto representa 1/72 de pulgada más o menos. Los puntos se refieren exclusivamente al espacio vertical ocupado en pantalla, mientras que la anchura aumenta en proporción al aumento de la altura.

<STYLE>
BODY { font-size:15pt }
</STYLE>

Píxel: Su abreviatura es px., se trata de puntos como los de pantalla de ordenador, que varían según la resolución del monitor configurada por el usuario.

<STYLE>
BODY { font-size:15px }
</STYLE>

Pulgadas: Su abreviatura es in., clásica unidad anglosajona de medida, en web casi no se suele usar.

<STYLE>
BODY { font-size:15in }
</STYLE>

Centímetros: Su abreviatura es cm., unidad de medida común a muchos países occidentales pero poco en la web.

<STYLE>
BODY { font-size:10cm }
</STYLE>

Porcentaje: Su abreviatura es %., unidad de medida variable sin valores predeterminados. El valor porcentual se refiere al tamaño por defecto aplicado en el navegador.

Así, en un navegador que visualiza por defecto fuentes de 14 píxel, un valor del 200% corresponde a 28 píxel. Dicha medida puede variar de usuario a usuario, dependiendo de la resolución de navegador.

<STYLE>
BODY { font-size:200% }
</STYLE>

La medición porcentual forma parte de un sistema de proporciones relativas, es decir depende de la medida actual del navegador.

Existen otros valores que pueden sustituir al de porcentaje: smaller, larger.

Enlaces amigos: Publicidad en Google

Otras webs: Popularidad