
Muchas veces encontramos tipografías, decimos, “son muy bonitas”. Pero a la hora de usarlas en el blog/sitio web nos llevamos una decepción. Y es que se ven distintas según el sistema operativo que utilicemos. Para evitar esto aquí os dejamos algunas tipografías estándares, con una comparativa de cada fuente estándar por sistema operativo que podéis ver en la ilustración del principio de la entrada. Si conoces otras, por favor, ponla en los comentarios.
Os mostramos el código CSS de las tipografías estándares:
Impact

.classname {
color: #333333;
font-family: Impact, Charcoal, sans-serif;
}
Palatino Linotype

.classname {
color: #333333;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}
Tahoma

.classname {
color: #333333;
font-family: Tahoma, Geneva, sans-serif;
}
Century Gothic

.classname {
color: #333333;
font-family: Century Gothic, sans-serif;
}
Lucida Sans Unicode

.classname {
color: #333333;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
Arial Black

.classname {
color: #333333;
font-family: 'Arial Black', Gadget, sans-serif;
}
Times New Roman

.classname {
color: #333333;
font-family: 'Times New Roman', Times, serif;
}
Arial Narrow

.classname {
color: #333333;
font-family: 'Arial Narrow', sans-serif;
}
Verdana

.classname {
color: #333333;
font-family: Verdana, Geneva, sans-serif;
}
Copperplate Gothic Light

.classname {
color: #333333;
font-family: Copperplate / Copperplate Gothic Light, sans-serif;
}
Lucida Console

.classname {
color: #333333;
font-family: 'Lucida Console', Monaco, monospace;
}
Gill Sans

.classname {
color: #333333;
font-family: Gill Sans / Gill Sans MT, sans-serif;
}
Trebuchet MS

.classname {
color: #333333;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
}
Courier New

.classname {
color: #333333;
font-family: 'Courier New', Courier, monospace;
}
Arial

.classname {
color: #333333;
font-family: Arial, Helvetica, sans-serif;
}
Georgia

.classname {
color: #333333;
font-family: Georgia, Serif;
}
Vía | Cosassencillas
Puedes recibir gratis más artículos por RSS, Twitter, Facebook o correo electrónico. ¡Muchas gracias por leerme!




Por ahora hay 9 comentarios ¿Quieres opinar?
muy buena tu entrada, pruebo y veo que tal…saludos!!!
[...] 16 tipografías estándares para usar con CSS fuente: cssblog.es http://www.cssblog.es/16-tipografias-estandares-para-usar-con-css/ [...]
[...] de la misma manera en Windows que como se visualiza en Mac, pues bien para evitar este problema en CSS BLOG publican una lista de 16 Fuentes Estándares que se visualizan igual, tanto en Windows, Mac y [...]
[...] See original here: 16 tipografías estándares para usar con CSS | CSSBlog ES [...]
La Century Gotic está en todos los ordenadores?
@aleKSandro está en todos los sistemas operativos.
Un saludo.
Pues es un pelotazo… porque es bastante parecida a la Futura, y ésta no está en todas partes…
@Pedro, la Century Gothic no está en todos los ordenadores ni en todos los sistemas operativos. Es una de las fuentes que se instalan con Office: http://support.microsoft.com/kb/837463/es
Puedes probarlo con un Windows en una máquina virtual.
[...] [...]