17.097 lecturas 2 comentarios

Tipografías de Sistema

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.

Comentarios

  • andy 04/09/2010

    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

  • Pepe 09/29/2012

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

    Saludos

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.