Cufon | Para los amantes de la tipografía.

Si eres un amante de la tipografía y sufres por no poder incluir cualquier tipografía en tu website, deja de preocuparte, cufón es la solución a tus problemas tipografícos en la web.

¿Qué es cufón?

Cufón es una librería JavaScript que te permite insertar de manera limpia cualquier tipografía en una página web, reemplazando mediante JavaScript los textos indicados por imágenes. Se te recomienda que uses cufon con cuidado, puedes meterlo en los títulos más importantes de tu website o bien en el contenido que no interactúa tan directamente con el usuario.

¿Cómo funciona?

Básicamente  funciona con 2 archivos:

– La librería cufón

– Un archivo js que incrusta tu fuente y que se genera en la página oficial de cufón.

Paso número uno: Descargalo

En el website de cufón puedes descargar la última versión de cufón.

Paso número dos: Sigue las siguientes instrucciones.

Te recomendamos:

  • No usar mas de una variante de la misma fuente.
  • Agregar caracteres especiales: Esto en caso de que los necesites para los acentos, exclamaciones, etc.

Selecciona tus fuentes.

Selecciona

Selecciona tus glyphs y caracteres especiales.

Selecciona


Acepta las condiciones.

Acepta y dale click a Let's do this!


Paso número tres: Inserta Cufon en el código.

Debes insertar los archivos descargados de cufon en la parte <head> del html.

<script type=”text/javascript” src=”/aqui debes incluir la ruta/cufon.js”></script>
<script type=”text/javascript” src=”/aqui debes incluir la ruta/cufon.fuente.js”></script>

Paso número cuatro: ¡Usa cufon en tu código!

Aquí debes indicarle a cufon cuales textos deseas que reemplaze.

Cufon.replace(‘h1’);

La manera en que uses cufon en tu website ya depende mucho de lo que tu proyecto te pida o bien a tu consideración personal.

uhohgia

I'm one of those regular weird people || Freelance Web & Graphic Designer || Follow: @uhohgia

Leave a Reply