<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>dixso.net &#187; Javascript</title>
	<atom:link href="http://dixso.net/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://dixso.net</link>
	<description>Desarrollo web</description>
	<lastBuildDate>Fri, 05 Feb 2010 08:09:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Cufón, reemplazo de texto dinámico.</title>
		<link>http://dixso.net/javascript/cufon-reemplazo-de-texto-dinamico/</link>
		<comments>http://dixso.net/javascript/cufon-reemplazo-de-texto-dinamico/#comments</comments>
		<pubDate>Mon, 22 Jun 2009 14:23:59 +0000</pubDate>
		<dc:creator>Julio</dc:creator>
				<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://dixso.net/?p=440</guid>
		<description><![CDATA[Cufón aspira a convertirse en una buena alternativa a sIFR, consta de dos partes: Un generador de fuentes que convierte las fuentes a un formato propietario y un motor de renderizado escrito en JavaScript, es decir, mediante canvas. Modo de empleo: - Añadimos la librería cufon-yui.js en nuestro head. - Nos dirigimos al generador de [...]]]></description>
			<content:encoded><![CDATA[<p><a target="_blank" title="Cufón" href="http://cufon.shoqolate.com/generate/">Cufón</a> aspira a convertirse en una buena alternativa a sIFR, consta de dos partes:<br />
Un generador de fuentes que convierte las fuentes a un formato propietario y un motor de renderizado escrito en JavaScript, es decir, mediante canvas.</p>
<p>Modo de empleo:<br />
- Añadimos la librería <a target="_blank" href="http://cufon.shoqolate.com/js/cufon-yui.js">cufon-yui.js</a> en nuestro head.<br />
- Nos dirigimos al <a target="_blank" title="generador de fuentes" href="http://cufon.shoqolate.com/generate/">generador de fuentes</a> (Importante: Las fuentes tienen que ser formato True Type).<br />
- Seleccionad vuestra fuente e incluimos los diferentes &#8220;glyphs&#8221; que necesitéis.<br />
- Envíamos el formulario y automaticamente se generará un script para descargarlo.<br />
- Añadir esa librería en vuestro head (Importante: Añadirlo justo después de la librería cufon-yui.js).</p>
<p>Para reemplazar el texto, añadimos lo siguiente en el head:</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot;&gt;
	Cufon('h1'); //Esto reemplazará el contenido del h1 por la tipo que hayamos añadido.
&lt;/script&gt;
</pre>
<p>Si queremos utilizar más de una tipo en nuestra web tendremos que hacer todos los pasos anteriores, es decir, añadir todos los scripts en el head y seguidamente añadir esto otro:</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot;&gt;
	Cufon.replace('h1', {fontFamily:'Slant'});
	Cufon.replace('h2', {fontFamily:'Starnberg'});
&lt;/script&gt;
</pre>
<p>Nota: Si utilizáis jQuery, podréis seleccionar más de un elemento de este modo:</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot;&gt;
	Cufon.replace('h1, h3, .capaElemento', {fontFamily:'Slant'});
	Cufon.replace('h2, p, #otraCapa', {fontFamily:'Starnberg'});
&lt;/script&gt;
</pre>
<p>Podéis ver un ejemplo: <a target="_blank" title="Cufón, reemplazo de texto dinámico." href="http://dixso.net/wp-content/examples/javascript/cufon/">aquí</a>.<br />
Existe una <a target="_blank" href="http://wiki.github.com/sorccu/cufon">wiki</a> de cufón para los que quieran saber más.</p>
]]></content:encoded>
			<wfw:commentRss>http://dixso.net/javascript/cufon-reemplazo-de-texto-dinamico/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

