
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
Si te ha gustado este artículo, puedes recibir gratis más y mejor por RSS, Twitter, Facebook o correo electrónico. ¡Muchas gracias por leerme!






Pingback: Flashes de verano | - DAM - Zona de estudios
Pingback: Algunas fuentes estándares para la Web « Applendamos
Pingback: 16 tipografías estándares para usar con CSS | CSSBlog ES
Pingback: Anónimo
Pingback: Ayuda Menu Css
Pingback: Tipografías standard y cómo usarlas en HTML - Marcelo Pedra