20.378 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

  • 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

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

    Saludos

Deja una respuesta

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.