Sep 30

textosUn 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.

2 Comentarios en “Tipografías de Sistema”

  1. andy dice:

    hola, me ha gusta esta publicación puesto cuando uno recien comienza a diseñar se encuentra con estos problemas, pero creo que esto servira de mucho a los que recien estan entrando a este mundo

  2. Pepe dice:

    buena info, como fue la evolucion en cuanto a necesidades o por aparicion con respecto a la fecha?

    Saludos

Comentar