1 0 Archive | febrero, 2011
post icon

Fuentes personalizas en CSS3

Gracias al boom que está causando el HTML5 en el mundo de internet, los navegadores se están poniendo las pilas para sacar cuanto antes una versión que soporte todas las novedades que nos trae. Pero no solo es esto, hace tiempo que ya hay herramientas  igual o más útiles que algunos de los nuevos tags, como es el caso de usar fuentes personalizadas gracias a CSS3.

Esto nos permite usar fuentes personalizadas, sin necesidad de usar librerías  para sustituir los caracteres por pequeñas imágenes o bien, por flash. Que nos aporta esto aparte de tener unas fuentes bonitas y páginas recargadas con fuentes horrorosas: nos ahorramos imágenes para titulares, nos ahorramos cargas de librerías de javascript (cufon, sIFR, Tyepkid…), asegurándonos  que aunque un navegador tenga desactivado el javascript o el flash verán las tipos tal y como nosotros lo queremos (si desactivan también los css… ya no hay opción).

Para usarlas cada navegador necesita tener la fuente subida al servidor en un formato diferente (espero que esto se acabe unificando).

Os dejo un pequeño ejemplo de como seria la incorporación de fuentes en el css y como la usaríamos.

http://imasd.cp-proximity.com/fontface/

P.D.: funciona en Chrome, Firefox (3.6+), IE (6+), Safari, y seguramente alguno más.

P.D2.: se podría hacer una prueba con Audi Type, y saber si es viable dejar de usar cufón,  que aunque sean pocos,  da algún que otro problema.

Leave a Comment
21 febrero, 2011