FUENTES SEGURAS PARA DISEÑO WEB (WEB SAFE FONTS)

Se sorprenderían al saber que hay diseñadores que no saben todavía que no se puede usar cualquier tipografía en la web y que, además, al especificar tipografías se deben listar más de una, porque nunca tenemos la certeza de que el usuario tenga la que nosotros elegimos.
Diseñar para la web implica saber y aceptar que todo cambia de equipo a equipo, de usuario a usuario y además, con el tiempo.
Para saber qué tipografías utilizar, hay que buscar listados de tipografías web (web-safe fonts). Este listado tiene relación con el software que se utiliza en cada época, porque son las tipografías que traen los programas más usados los que determinan qué familias se utilizan. Por eso, porque los programas, las versiones y los sistemas operativos van cambiando, es que esta lista va cambiando con el tiempo.

¿Por qué no se puede usar cualquier tipo de letra en diseño web?

Los navegadores (programas como Internet Explorer, Opera, Safari, Firefox, Google Chrome, etc) son los programas encargados de interpretar cada diseño web, para esto, utilizan las tipografías instaladas en el Sistema Operativo (Windows, Linux, MacOS, etc) donde se estén ejecutando. Dado que no todos los sistemas operativos tienen las mismas tipografías instaladas, es recomendable utilizar aquellos fonts que estén instalados en todos los sistemas operativos más populares.
Tabla de tipografías disponibles según Sistema Operativo

















Tipografías comunes
(*) MS Core fonts, menos comunes

Pixel Fonts

No solo en los desarrollos html, hay problemas con las tipografías. En Flash, por ejemplo, que nos permite usar cualquier Font sin necesidad de que este instalada en el equipo del usuario, muchas tipografías que usamos para grafica o cualquier otra aplicación no suelen tener buenas terminaciones dentro de las películ as flash. Una buena alternativa para solucionar esto es la utilización de las denominadas Pixel fonts, o fff (fonts for flash), que tienen una mejor terminación a la hora de funcionar dentro de la película dado que cada carácter está diseñado de tal manera que los extremos de las tipografías encajen exactamente en los extremos de los pixeles del monitor, permitiendo así una mejor legibilidad en tamaños pequeños de texto.