19 Tamaño de fuentes relativos

Las páginas web cada vez tienen más imágenes, animaciones u otros contenidos, aunque el contenido principal sigue siendo el texto, osea las palabras (noticias, artículos, opiniones, etc). Al parecer se ha escrito mucho sobre reglas que explicancomo hacer un texto con tamaño y fuente que trabaje correctamente con todos los navegadores.


Recomendable en este punto una lectura de Mark Pilgrim <<Dive into accessibity>> como <<usar tamaños de fuente relativos>>.


Blogger utiliza una curiosa mezcla entre palabras clave (que puede tomar los valores la más pequeña, pequeña, normal, grande y la más grande) y porcentajes que dan un buen resultado como lo aplicado en este Blog. En este caso <normal>


Tamaño de texto el más grande
Tamaño de texto el más pequeño


En cuanto a la variación de los tamaños en este Blog se han modificado de la siguiente manera:El texto de página con fuente Arial (la mas fácil de leer) en un tamaño 20Px y en negro [#000000]. Creo que es  legible para personas con dificultad visual.
Para los enlaces han sido modificados también con una fuente tipo Arial, y color azul oscuro [#10435d].

Es importante que los enlaces sean visibles

Con el fin de diferenciar el título de entrada de los artículos he seleccionado como fuente un tipo de letra Verdana (muy legible) y en 24 Px, para diferenciar del resto de texto de página.
Para la descripción del Blog, me he decidido por la misma fuente Arial y un color verde oscuro [#0f5d29].

La Cabecera de la fecha también ha sido modificada, ya que no se leía fácilmente dado los colores tan claros. He seleccionado como color de texto el blanco #ffffff con un color oscuro de fondo, resaltado mediante un marco del mismo color rectangular, color de fondo #08558c.