lms
Administrador
- Mensajes
- 7.741
- Puntuación de reacciones
- 2.163
- Puntos
- 2.613
- Sitio web
- xenfacil.com
- Versión de XenForo
- 2.1.x
- Página web
- Web
Cufon tus fuentes en la web
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.
Para reemplazar texto es tan sencillo como añadir en el <head>, tras la librería y la fuente, la siguiente sintaxis:
Por problemas con nuestro querido Internet Explorer recomiendan añadir justo antes de la etiqueta </body> el siguiente código:
.
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
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.
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:
Un ejemplo de cosas que se puede hacer con Cufon, a parte de esta web<script type="text/javascript"> Cufon.now(); </script>
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