Siempre resulta un problema usar una fuente ya que existen tantos sistemas operativos y navegadores que no es posible saber si tendrán la fuente que queremos y puedan ver nuestra página web tal cual la diseñamos, existen algunas soluciones basadas en flash pero resultan un tanto pesadas, para solucionar estos problemas surge Cufon.
Algunas Ventajas
- No requiere plugins adicionales en el navegador
- Es rápido y no pesado como las soluciones basadas en flash
- Es fácil de utilizar
¿Cómo añadirlo a nuestro sitio?
Lo primero serñia descargar el script desde AQUI y lo añadimos en la cabecera de nuestro sitio, algo como:
Para poder usar una fuente no podemos tenerla en su formato original TTF sino que debemos convertirla a un formato especial desde la propia página de cufón usando su conversor automático esto nos va a generar un archivo .js que debemos añadir a nuestra cabecera:
1 2 3 4 |
Esto añade la fuente Myriad Pro y luego indica que debe reemplazar el titulo h2 que tenga como atributo MyriadPro
Y te faltó decir que los textos no se podrán copiar al portapapeles usando cufón.
También existen muchos otros métodos como el @font-face para embeber, facelift, tipekit, etc.
Saludos.
Si, hay muchos métodos cada uno con su propio pero, el oficial debería ser font-face de CSS3 pero da muchos lios sobre IE y el renderizado de fuentes es pobrísimo. Este de Cufón me parece uno de los mejores, lo del texto que no se puede seleccionar no me parece grave considerando que su uso es recomendable en títulos y no en párrafos.