Me quedaba por probar Cufon, que, a diferencia de otros, lo que usa para posibilitar el rremplazo es canvas. Tengo que decir que, a diferencia de SiFR, cuyos códigos de uso son más largos que un día sin pan, Cufon usa cuatro líneas a las que se puede añadir todo cuanto uno guste en cuanto a estilo de texto (negrita, itálica, transparencia, sombras, tamaño, color...); incluso posibilita el "hover" de los enlaces.
El problema... es el de siempre: encontrar una fuente libre y gratuíta que se nos permita implementar. El gran problema de este tipo de sistemas de reemplazo.
Por lo que se refiere al tema de pasar una fuente a Cufon, se nos ofrece dicha posibilidad con este Generador de fuentes. La única parte penosa de Cufon es encontrar una fuente y rellenar todo el formulario del generador.
Por lo emás, es tan fácil como ésto (pongo como ejemplo el Cufon que he instalado en este blog):
.- SCRIPTS: Es mejor que os descarguéis la última versión, adaptada, comprimida en YUI
<script src='http://.../cufonyui.js' type='text/javascript'/>
<script src='http://.../Frutiger_LT_Std.font.js' type='text/javascript'/>
<script type='text/javascript'>
Cufon.replace('h2', {
hover: true,
textShadow: '#fff 1px 1px, #ccc -1px -1px'
});
</script>
Voy a explicar algo los parámetros:
El primer script es el base de cufon. El segundo es el de la fuente que habréis obtenido mediante el generador de Cufon.
El "replace" lo he referido a todos los títulos de mi blog encerrados en "h2" y, para que los liks no pierdan el hover, le he añadido éste al script con el comando "true". He añadido color y sombra y ya está. Tened en cuenta que podéis diseñar esta parte como os apetezca, poniendo el estilo en itálica, consignando un tamaño mínimo del texto, etc...
Y una última cosa: Para variar, IE (al menos el último, el 8) pasa olímpicamente de Cufon o se muestra tan ténue que casi ni se ve; por lo que, si vais a implementarlo con este navegador u os interesa que las personas que lo usen se percaten de vuestro reemplazo, debéis usar este simple "aviso" a IE:
<script type="text/javascript"> Cufon.now(); </script>
Para cualquier duda, la página de Cufon tiene un apartado de "estilismo" que viene muy bien para resolverlas.
✍ ¿Quieres hacer algún comentario? ✍