<?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>Vivenet &#187; tipografías</title>
	<atom:link href="http://www.vivenet.es/tag/tipografias/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.vivenet.es</link>
	<description>Diseño de páginas web en Madrid</description>
	<lastBuildDate>Thu, 26 Aug 2010 12:08:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>Cambiar la fuente de html con Cufón</title>
		<link>http://www.vivenet.es/reemplazamiento-de-texto-con-cufon/</link>
		<comments>http://www.vivenet.es/reemplazamiento-de-texto-con-cufon/#comments</comments>
		<pubDate>Thu, 12 Nov 2009 11:29:09 +0000</pubDate>
		<dc:creator>Félix Blanco</dc:creator>
				<category><![CDATA[Maquetación web]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[tipografías]]></category>

		<guid isPermaLink="false">http://vivenet.es/?p=15</guid>
		<description><![CDATA[En el diseño de una página web hay algún momento en el que queremos utilizar cierta fuente para un título o un texto destacado, pero html no dispone de ella. Antiguamente se utilizaban imágenes con el texto que queríamos mostrar, pero actualmente podemos reemplazar el texto &#8220;al vuelo&#8221; con la reducción de trabajo que ello [...]


Related posts:<ol><li><a href='http://www.vivenet.es/menu-efecto-acordeon-con-jquery/' rel='bookmark' title='Permanent Link: Menú efecto acordeón con jQuery'>Menú efecto acordeón con jQuery</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>En el diseño de una página web hay algún momento en el que queremos utilizar cierta fuente para un título o un texto destacado, pero html no dispone de ella. Antiguamente se utilizaban imágenes con el texto que queríamos mostrar, pero actualmente podemos reemplazar el texto &#8220;al vuelo&#8221; con la reducción de trabajo que ello supone. Una de éstas técnicas es Cufón, basada en javascript nos permite además de reemplazar fuentes, añadir efectos al texto (no disponibles en css2)</p>
<h3>Ventajas:</h3>
<ul>
<li>No necesita plugins instalados en el navegador.</li>
<li>Es compatible con la mayoría de navegadores del mercado.</li>
<li>Es rápido. Puede reemplazar grandes téxtos rápidamente.</li>
<li>Es fácil de instalar (lo vemos ahora mismo).</li>
</ul>
<h3>Instalando Cufón</h3>
<ol>
<li> <a href="http://cufon.shoqolate.com/js/cufon-yui.js">Descarga cufón</a> y añádelo a tu proyecto:<br />
<blockquote><p><code>&lt;script src="cufon-yui.js" type="text/javascript"&gt;&lt;/script&gt;</code></p></blockquote>
</li>
<li><a href="http://cufon.shoqolate.com/generate/">Convierte a cufón</a> la fuente que quieres utilizar, si tu proyecto es en español no te olvides de los acentos, &#8220;eñes&#8221;, etc&#8230;</li>
<li>Añade el .js de la fuente y empieza a utilizar cufón de la siguiente manera:<br />
<blockquote><p><code>&lt;script src="cufon-yui.js" type="text/javascript"&gt;&lt;/script&gt;<br />
&lt;script src="Myriad.font.js" type="text/javascript"&gt;&lt;/script&gt;<br />
&lt;script type="text/javascript"&gt;<br />
Cufon.replace('h1');<br />
&lt;/script&gt;</code></p></blockquote>
</li>
<li>Disfruta&#8230;.</li>
</ol>
<h3>Utilizando múltiples fuentes</h3>
<p>Puedes utilizar más de una fuente a la vez en tu proyecto. Para ello toma nota de éste ejemplo:</p>
<blockquote><p><code>&lt;script src="cufon-yui.js" type="text/javascript"&gt;&lt;/script&gt;<br />
&lt;script src="Helvetica.font.js" type="text/javascript"&gt;&lt;/script&gt;<br />
&lt;script src="Myriad.font.js" type="text/javascript"&gt;&lt;/script&gt;<br />
&lt;script type="text/javascript"&gt;<br />
Cufon.replace('h1', { fontFamily: 'Helvetica' });<br />
Cufon.replace('h2', { fontFamily: 'Myriad Pro' });<br />
&lt;/script&gt;</code></p></blockquote>


<p>Related posts:<ol><li><a href='http://www.vivenet.es/menu-efecto-acordeon-con-jquery/' rel='bookmark' title='Permanent Link: Menú efecto acordeón con jQuery'>Menú efecto acordeón con jQuery</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.vivenet.es/reemplazamiento-de-texto-con-cufon/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

