« Google me desilusiona | Página de inicio | Solo para entendidos »
28.04.2005
SIFR 2.0 - Usar fuentes no tradicionales
Hay una respuesta a la pregunta de diseñador: - Quiero usar esta fuente inglesa que esta re chevere, como hago para no usar imagenes y que todos la vean?? (odio esas preguntas!).
La solucion se llama sIFR, de que se trata:
Es una combinacion de XHTML, CSS, JavaScript y Flash, para reemplazar texto por fuentes que no necesariamente se encuentren instaladas en el sistema del visitante.
El funcionamiento es una cosa bastante estrambotica, pero lo importante es que sigue siendo accesible, ya sea con CSS desactivado, o con JavaScript desactivado, o con Flash desactivado. Por lo tanto es totalmente accesible, semantico y ademas, lindo :).
Recientemente salio la version oficial desde cuyo sitio se puede leer los detalles tecnicos.
Por cierto, la tecnica de reemplazar texto con background-image, al lado de esto, sencillamente apesta ;).
17:15 Anotado en Desarrollo | Permalink | Enviar a Email
Comentarios
Ni tanto apesta background-image. Tengo entendido que más alla de que SIFR puede usar cualquier fuente, tiene problemas con el resize y con aplicar ciertos estilos al texto. Ojo, hablo a boca de ganso igualmente.
Anotado por: Federico | 28.04.2005
Estás seguro que es "del lado del servidor"?
Anotado por: Federico | 28.04.2005
Tenes toda la razon Fede, esta mal puesto.. pero.. si lo cambio va a aparecer en los feeds como un post nuevo.. que dilema...
Mmm.. cuando publique un nuevo post le cambio el nombre y ya ;).
De lo otro si, en los estilos del texto es mas jodido, pero tene en cuenta que es para uasr fuentes locas... basicamente.
Anotado por: Diego | 28.04.2005
Arreglado el titulo, me voy felizmente a dormir :).
Anotado por: Diego | 29.04.2005
me aguita que digas que apesta el background-image :(
pues yo lo utilizo mucho.
no me convence del todo el sifr, quitale con el firefox el estilo a la pagina de los creadores y veras como no aparece el encabezado completo, eso no me parece semantico.
Anotado por: stan | 29.04.2005
Stan: Pero el encabezado no esta hecho con sIFR... al menos hasta donde puedo ver es una imagen cualquiera... Fijate que el texto:
"sIFR 2.0: Rich Accessible Typography for the Masses" Si funciona aun sin estilos.
Voy a ver si tengo tiempo de armarme algun ejemplito casero para sacarme la duda :).
Anotado por: Diego | 29.04.2005
Funciona perfectamente si desactivas CSS (y te lo digo yo que me llevo mal con CSS) :).
Anotado por: Federico | 29.04.2005
Pues hare algunas pruebas, y si me convence lo agregare al proximo proyecto que levante.
Por cierto, como luce en los navegadores. en todos pasa el test?
O cuales son las desventajas
Anotado por: stan | 29.04.2005
IE, FF y Opera sin problemas según recuerdo. Bah, Opera tiene un lio con las transparencias pero se me dió en algunos sitios nomas. Vaya uno a saber de quién es la culpa.
Anotado por: Federico | 29.04.2005
he estado mirando la pagina de sifr , menos mal que en las instrucciones pone que es muy facil de usar porque yo solo llevo 48 horas intentando y se me ha puesto la cara de colgao, en fin seguire intentando un poco mas a ver si exploto.
Anotado por: anastasio | 13.05.2005
Estoy teniendo problemas con un tema para worpress que utiliza el sIFR pero solo tiene caracteres ingleses. ¿Alguien tendra sIFR un tipo similar al que uso en mi sitio pero para español?
Anotado por: spiderglow | 04.05.2006