viernes, 9 de octubre de 2009

Tipografias de sistema

Un error muy común, a la hora de diseñar una Web, es el de usar tipografías personalizadas descargadas de internet. Hay que tener en cuenta que todo el texto de una Web debe ir respaldado por una fuente de sistema si no queremos que nuestros lectores vean una fea fuente por defecto.

La solución para solventar este problema es mostrar el texto en un JPG o GIF pero a Google le gustará mucho menos. Las tipografías que todos pueden ver (de sistema) son

font-family: Arial, Helvetica, sans-serif;
font-family: ‘Arial Black’, Gadget, sans-serif;
font-family: ‘Bookman Old Style’, serif;
font-family: ‘Comic Sans MS’, cursive;
font-family: Courier, monospace;
font-family: ‘Courier New’, Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: ‘Lucida Console’, Monaco, monospace;
font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
font-family: ‘MS Sans Serif’, Geneva, sans-serif;
font-family: ‘MS Serif’, ‘New York’, sans-serif;
font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: ‘Times New Roman’, Times, serif;
font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, ‘Zapf Dingbats’, sans-serif;

Cualquiera de estas familias nos asegura que el diseño se vea igual en cualquier ordenador y navegador.