Archivos de la categoría HTML

Cambiar fuente de tu página web con Cufon

Si estas harto de que tu web siempre tenga la misma letra que el resto de webs, se ha desarrollado hace ya un tiempo con un script llamado Cufon.

Ventajas:

Tiene varias ventajas como:

  • Los usuarios de tu web no tienen porque tener instalada la fuente en cuestión
  • Es fácil de instalar y utilizar
  • Totalmente valida para los buscadores

¿Como añadirlo a nuestra web?

Ahora os preguntareis, como instalo esto en mi web.

Lo primero es bajarte aquí la librería fuente y pones el siguiente código en el <head> para que todo marche sobre ruedas.

<script src="cufon-yui.js" type="text/javascript"></script>

Como no podemos usar nuestras fuentes TTF que tenemos instalado en nuestro sistema operativo, debemos convertirla a un formato especial desde la propia página de cufon usando su conversor automático nos generará un fichero .js de deberemos añadir también a nuestro:

<script src="Myriad.font.js" type=”text/javascript”></script>

Por último, deberemos indicarle que etiquetas html queremos reemplazar las nuevas letras, se aconseja siempre que sean los titulares por darle mas agilidad, pero bueno haya que haga cada uno lo que quiera.

<script type=”text/javascript”>
    Cufon.replace('h2', { fontFamily: 'Myriad Pro' });
</script>

En este ejemplo lo que se pretende es sustituir las etiquetas <h2> con la nueva fuente.

Algunos problemas encontrados:

Por ahora solo me he encontrado con un problema, y es que ni acentos, las ñ, etc.. (me refiero al español) a veces no se ven, esto es debido a que puede que tu fuente no soporta estos caracteres especiales. Esto no es un fallo del sistema, esto es que como casi todas las fuentes que existen en ingles son inglesas y contemplan estos caracteres.

Share