Cuando comenzamos un diseño para la web uno de los primeros errores que cometemos es el usar fuentes o tipografías que están fuera de los estándares normales. Me quiero referir para aquellos desarrollos que usan html, xhtml, php etc., caso contrario cuando se utiliza flash ya que este incorpora de cierta manera las fuentes utilizadas en el SWF para que el usuario final pueda verla de igual manera que el desarrollador el planteo como así también el uso de imágenes.
Cuando diseñamos entre las cosas a definir antes de comenzar como colores, diagramación, elementos también debemos considerar las fuentes, familias y cuerpos. Esta pre selección de elementos nos dará un control más amplio en el ámbito de los resultados que esperamos para nuestra web. Las fuentes de sistemas son aquellas familias tipográficas que están disponibles en todos los sistemas operativos. Algunas de estas tipografías están en mayor porcentaje en diferentes plataformas pero hay ciertas familias que llegan hasta un 98% de presencia en todos los sistemas operativos. El uso de estas fuentes nos asegurar que nuestro diseño se muestre igual en todas las plataformas y evitaremos que el navegador las tenga que reemplazar por otras y que el diseño se rompa o no se vea de la manera adecuada que queríamos.
A continuación les dejo un listado de familias tipográficas y ejemplo de cómo se ven para que puedan utilizarlas en sus diseños. Cabe aclarar que hay varios métodos para incorporar fuentes que no están disponibles en todos los OS, para ello veremos otro tuto con respecto como utilizarlas.
Si quieren probar todas estas fuentes y simular como se ven visiten este site! http://www.fonttester.com/
