• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Javascript Cufon tus fuentes en la web

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Cufon tus fuentes en la web
Estoy trasteando con Cufon así que voy a hacer una pequeña entrada sobre ello. ¿Que es Cufon? un sistema en JavaScript que permite sustituir la fuente predeterminada de tu web por otra cualquiera.​
cufon.jpg
Lo primero debéis elegir una fuente TTF cualquiera para usar. En dafont podréis encontrar infinidad de ellas, os la descargáis y la descomprimis. No se puede utilizar las fuentes que se encuentran en la carpeta de windows fonts.
Necesitareis descargaros su librería cufon-yui.js y generar una fuente SVG también desde su web. Esto se hace de manera muy sencilla. La añadís en el campo “Regular typeface”, abajo de todo aceptáis los términos y os descargáis el javascript generado.
Para usar Cufon en el <head> de vuestra web debéis introducir el siguiente código con la ruta correcta hacia vuestros archivos. Ambas etiquetas deben ir pegadas.

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

Para reemplazar texto es tan sencillo como añadir en el <head>, tras la librería y la fuente, la siguiente sintaxis:

<script type="text/javascript">
Cufon('h1'); //Reemplazará el contenido del h1
Cufon.replace('h2', {fontFamily:'MiFuente'}); //Especificar fuente
</script>

Por problemas con nuestro querido Internet Explorer recomiendan añadir justo antes de la etiqueta </body> el siguiente código:
<script type="text/javascript"> Cufon.now(); </script>
Un ejemplo de cosas que se puede hacer con Cufon, a parte de esta web
icon_razz.gif
.
cufon-ejemplo.png

Espero que os haya sido útil, seguiré ampliando el artículo según vaya investigando sobre esta útil herramienta.
Si tenéis dudas, que supongo que sí podéis daros un paseo por su FAQ

Artículo original en http://www.webvigo.com/blog/cufon-tus-fuentes-en-la-web/

Salud2
 
Arriba