Una de las cosas más importantes para conseguir cierto caché y despertar el interés de los visitantes en nuestras páginas - además de otras cosas- es conseguir que el contenido de texto sea legible y que no canse al lector.

 El texto que utilizamos en las páginas es muy importante que siga las siguientes normas:

- Ni a de ser muy grande ni muy pequeña.

- A de seguir unas pautas, ser del mismo tipo de fuentes y tamaños.

- Utilizar las fuentes más comunes que todos los usuarios tengan instaladas: Verdana, Arial, Helvetica, sans-serif...

- Que puedan ser fácilmente legibles.

- Que sigan las normas ortográficas.

- Utilizar un fondo de imagen o color que contraste lo suficiente para facilitar su lectura.

- Utilizar una hoja de estilo para que el tamaño sea siempre el mismo aunque el usuario lo tenga configurado de distinta forma a la que tenga nuestra página.

- Ser lo más breve y conciso posible.

- Insertar de vez en cuando alguna imagen junto al texto.

 Todo esto y algo más, es muy recomendable para que el usuario se sienta cómodo y pueda comprender lo que intentamos comunicarle además de mostrar nuestras páginas con más profesionalidad.

 Podemos remarcar algunos textos en negrita, subrayado o con distinto color para resaltar (por ejemplo) el título de un tema o alguna palabra que creamos que sea interesante remarcarla, destacarla, etc... Ejemplos:

Texto de ejemplo para resaltar en negrita una palabra en especial...

Texto de ejemplo para resaltar en color una palabra en especial...

Texto de ejemplo para resaltar en color, una palabra en especial...

Texto de ejemplo para resaltar en subrayado, una palabra en especial...

 Es importante también utilizar el tamaño del texto no muy grande ni muy pequeño.

 Por ejemplo, este tamaño de fuente es un tamaño medio:

Tamaño de fuente font-size: 12px

 Este tamaño sería algo pequeño. Una persona que no tenga una visión buena le costaría leerlo:

Tamaño de fuente font-size: 10px

 Estos otros serían un poco grandes. Este tamaño sería más indicado para el título o cabeceras de temas:

Tamaño de fuente font-size: 18px

 Este otro es más grande y no lo recomendamos para el contenido normal, podría utilizarse para títulos o cabeceras de los temas.

Tamaño de fuente font-size: 22px

Este otro es muy grande para títulos o cabeceras de los temas. Sería más indicado para páginas como portadas que contengan muy poco contenido.

Tamaño de fuente font-size: 28px

 El color de la fuente es muy importante para facilitar la lectura. Es recomendable que tenga un contraste con el color del fondo para que resalte.

 Por ejemplo, estos colores no serían muy indicados para el fondo blanco:

Texto de ejemplo...

Texto de ejemplo...

Texto de ejemplo...

 Estos otros serían más indicados para una correcta lectura.:

Texto de ejemplo...

Texto de ejemplo...

Texto de ejemplo...

Texto de ejemplo...

Texto de ejemplo...

Texto de ejemplo...

 Claro está, si el fondo fuese oscuro, cambiaría la cosa. Sería todo lo contrario:

 Si el fondo es uniforme, el texto se podrá leer con más facilidad que si le insertamos un fondo con formas y colores: Ejemplo:

 El usuario no siempre tiene configurado su navegador de Internet con un tamaño de fuente normal. Puede que su configuración tenga la fuente muy grande y se nos descuadre el contenido de la página perjudicando nuestro estilo Web.

 El tamaño de la fuente que vemos en el navegador Web se puede configurar en la barra de herramientas de nuestro Internet Explorer, en Ver seleccionamos Tamaño de la fuente: Mayor, Grande, Mediana, Pequeña y Menor... También se puede cambiar si mantenemos presionada la tecla de Control+Rueda del ratón, hacia delante se hará más pequeña y hacia atrás más grande.

 Para que esto no ocurra se puede utilizar Hojas de estilo. Este tipo de código hará que el texto de la página se visualice con el tamaño que nosotros le indiquemos aunque el usuario lo tenga configurado de otro modo.

Hojas de estilos CSS