Menú Prnicipal
Sindicate this blog
RSS 1.0
Tagboard
Radio On Line
Radio Wazee
Implícate
Manifiesto por la liberación de la Cultura No soy Pirata
Contenidos Bajo licencia CC
Creative Commons License
 
Web sponsorizada por Im3diA comunicación
Artículos y Tutoriales
  
Fuentes y Legibilidad en las páginas Web
21/09/2004 | Juan Muro
  

Tu web debe poder leerse en miles de máquinas diferentes, pero no todas ellas tienen las mismas fuentes tipográficas, que básicamente son grupos de pequeños bitmaps que representan los caracteres de las letras. Por éso cuando instalamos algunos programas básicos, como el sistema operativo, el explorador de internet y algunos programas de desarrollo wysiwyg ('lo_que_se_ve_es_lo_que_hay', dicho mal y pronto) como Dreamweaver, se nos instalan también algunas fuentes que nos permiten trabajar con estos programas.

A veces a estas fuentes les llamamos 'fuentes de sistema', aunque mejor es que no las nombremos así porque ello nos induce a confusión, ya que en otras ocasiones las fuentes del sistema son solo las de sistema operativo, y otras son las que te instala un programa concreto (por ejemplo Flash). Yo las llamaré 'Fuentes por defecto'. Estas fuentes por defecto se agrupan en cuatro o cinco familias compuestas por tres o cuatro fuentes cada una. Tú especificas una familia y el navegador del usuario final verá el texto en la familia que has especificado, si tiene la primera fuente de ésa familia instalada será ésa con la que la vea, si no la segunda, si no...

Te presento las familias más habituales de las fuentes por defecto:

  • Arial Helvética, Sans-Serif
  • Times New Roman, Times, Serif
  • Courier New, Courier, Mono
  • Georgia, Times New Roman, Times, Serif
  • Verdana, Arial, Helvética, Sans-Serif.
  • Geneva, Arial, Helvética, Sans-Serif.

Ya ves que algunas fuentes están en varias familias, son las 'enchufadas', las que tráen todos los windows, desde el 3.11. En muchas ocasiones queremos usar otras fuentes diferentes, para ello podemos usar las hojas de estilo (CSS) o los estilos htm.

Las hojas de estilo son compatibles en los navegadores 4.0 en adelante, pero se pueden aplicar sobre cualquier párrafo de cualquier página desde un documento externo (que al actualizarse actualiza a todos los documentos que afecta). Los estilos htm son compatibles con los navegadores 3.0 en adelante, pero solamente se pueden aplicar sobre los párrafos concretos de una página. Las dos fuentes más usadas son las Times y la Arial, otra cosa es en qué tipo de texto deben usarse (pues cada tipografía tiene unas características especiales que la hacen idónea para cada caso, como los trazos de las gracias, el peso del carácter, las proporciones de su caja, etc).

Para todo ello puedes y debes consultar estudios tan interesantes como éstos:

http://www.newsartesvisuales.com/funda/TIPO1.HTM
http://www.juanval.net/tipografía.htm
http://www.timon.com/far/colores.html
http://www.marcoantonio.org/articles/logicamente/logicamente_2.htm

http://www.rioalto.net/usabilidad-web/usabilidad-legibilidad.html

que vienen a intentar poner un poco de criterio en los asuntos de legibilidad, es decir, facilidad de interpretación lectora. Conozco varios programas empleados para determinar el «índice de legibilidad» de textos en inglés. Algunos de los criterios usados suelen ser longitud de la oración, complejidad de la estructura gramatical, número de sílabas en las palabras, dificultad del vocabulario empleado, etcétera. En ellos se supone que para leer y entender textos con índices altos de legibilidad se requiere preparación mayor que en el caso de textos con índices de legibilidad más bajos (algo con lo que no siempre estoy de acuerdo).

Pero en castellano solamente conozco una herramienta que haga algunas de estas cosas: http://www.lexicool.com/index.asp?IL=3 Y luego viene el problema del tamaño de la fuente: En htm no especificamos el tamaño con la altura del caracter, sino que existen unos tamaños predeterminados que se corresponden casi con los más habituales en diferentes resoluciones de pantalla, así que será éste el dato que debes tener en cuenta a la hora de componer tu texto, que no se verá igual de grande si ves la web a 800x600 que si la ves 1280x768, pero tanto si usas hojas de estilo como estilos htm sí tendrás ocasión de especificar el tamaño del cuerpo de la fuente como en los editores de texto.

Luego existen determinados scripts de javascript que te permten ampliar y reducir el tamaño de la fuente en la propia web (además de la herramienta que incorporan los navegadores para esta función) y que son más que aconsejables a la hora de facilitar la accesibilidad de tu site a discapacitados, por ejemplo.

Salu2
`8¬}
Juan Muro

 
fmkr_2.0
Principal | Actualidad RSS | Quien soy | Portfolio | Artículos | Galería de Fotos
Libro de Visitas | Foros | Aviso Legal

FMKR 2.0 Blog Personal de Fco. Moreno - 2008 | Basado en PHPNews CMS
www.fcomoreno.net | www.fmkr.net