Leyendo correos de una lista dedicada a CSS a la que estoy subscrito me ha llegado un correo preguntando por, como meter fuentes distintas a las de los navegadores en las páginas web. La respuesta de otro lector recomendaba cufón (javascript) y sirf (flash), como ya conozco la opinión de algunos de vosotros fobre flash, he mirado haber que es eso de cufó y resulta que es una herramienta realmente útil.
Se trata de una librería la cual hace el cambio de la fuente, eso si cargando previamente la fuente como otro archivo javascript que podemos generar es de la propia página web del proyecto. Los pasos son los siguientes.: generamos el .js de la fuente, enlazamos la librería y la fuente y con un código como el siguiente vemos el resultado:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/One_Way_400.font.js"
type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1');
</script>
</head>
<body>
<h1>This text will be shown in Vegur.</h1>
</body>
</html>
Una de las cosas que me ha llamado la atención es la simplicidad de uso, según reza en la web tiene soporte para todos los navegadores, he podido comprobar Safari, Firefox y IE en sus últimas versiones. La ventaja es que te da la libertad de usar la fuente que quieras siempre que sea en los formatos: TTF, OTF, PFB o PostScript. Otro de los puntos a favor es que es compatible con jQuery por lo que si queremos integrarlo en una web no debería de causar problemas.
Todavía no he tenido la oportunidad de probarlo en una web en producción o al menos con un buen trafico. En cuanto lo pruebe dejaré constancia de los resultados.
