<?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>Nudonation &#187; TypoLab</title>
	<atom:link href="http://www.nudonation.com/category/typolab/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.nudonation.com</link>
	<description>Sitio sobre diseño web, estándares, usabilidad.</description>
	<lastBuildDate>Tue, 24 Aug 2010 20:26:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Custom fonts en el diseño web</title>
		<link>http://www.nudonation.com/2010/05/20/custom-fonts-en-el-diseno-web/</link>
		<comments>http://www.nudonation.com/2010/05/20/custom-fonts-en-el-diseno-web/#comments</comments>
		<pubDate>Fri, 21 May 2010 01:02:29 +0000</pubDate>
		<dc:creator>Droid</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[TypoLab]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.nudonation.com/?p=1164</guid>
		<description><![CDATA[Últimamente ha habido un gran avance en este tema, soluciones de paga como typekit y otras más veteranas y de uso libre como sIFR y Cufon. ¿De qué se trata todo esto? Históricamente el diseño web ha estado atado a unas cuantas fuentes websafe, esto significa que el site se verá con la fuente que [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-1166" title="Google Font Directory" src="http://www.nudonation.com/wp-content/uploads/2010/05/font_api-128.gif" alt="" width="128" height="128" />Últimamente ha habido un gran avance en este tema, soluciones de paga como typekit y otras más veteranas y de uso libre como <a href="http://www.mikeindustries.com/blog/sifr">sIFR</a> y <a href="http://cufon.shoqolate.com/generate/">Cufon</a>.</p>
<p>¿De qué se trata todo esto? Históricamente el diseño web ha estado atado a unas cuantas fuentes websafe, esto significa que el site se verá con la fuente que seleccionaste en todos los navegadores y sistemas operativos, cuando menos los de más uso.</p>
<p>Soluciones como sIFR basada en js+flash han sido muy usadas pero su implementación no es tan sencilla y como todas las cosas tiene sus desventajas. Cufon usa el navegador para dibujar la fuente en vectores usando VML (Vector Markup Language) para IE y HTML5 Canvas para  navegadores más modernos. Es más rápido que sIFR pero el texto no se puede seleccionar y no se puede agregar un estado de hover sobre el texto convertido.</p>
<p>He usado las dos soluciones, de las dos me gusta más sIFR aunque claro la decisión de la técnica que uses debe ir de la mano del uso que se le vaya a dar, me refiero a que para un sitio puede ser mejor una y para otro sitio otra, dependiendo del uso del mismo.</p>
<h3>Typekit</h3>
<p>Después vino <a href="http://typekit.com/">typekit</a> que <a href="/wp-content/uploads/2010/05/Captura-de-pantalla-2010-05-20-a-las-17.41.10.png">es de paga</a> y que ya tiene unos dos años creo en desarrollo, no estoy seguro pero es más o menos el tiempo que tengo viéndolo en blogs y sitios relacionados. Typekit viene a ofrecer una solución muy diferente a sIFR y Cufon. Desde un control panel seleccionas las fuentes que quieres usar —el inventario es limitado, los pesos que quieres usar, en general tienes buen grado de control sobre lo que vas a mostrar a través de CSS, y lo más importante, usa @font-face que es la forma correcta de usar fuentes custom. El problema de las fuentes custom siempre ha sido el licenciamiento de las mismas y typekit viene a solucionar un poco esto porque te sirve fuentes de forma legal por decirlo así.</p>
<p>Typekit hace una llamada a un js que sirve la fuente a tu sitio (sí, la fuente está hosteada en sus servers) y es necesario agregar unas lineas para hacer funcionar el CSS de forma correcta, en realidad es muy sencillo y el resultado es bueno.</p>
<h3>Ventajas</h3>
<ul>
<li>Fácil de usar</li>
<li>Usas la fuente de forma legal</li>
<li>Control sobre las fuentes via CSS</li>
</ul>
<h3>Desventajas</h3>
<ul>
<li>Es de paga</li>
<li>Catálogo limitado de fuentes</li>
<li>Generalmente carga primero la fuente original y después es sustituida por la que pagaste, es muy rápido el cambio pero se nota</li>
<li>A veces tardan en cargar las fuentes porque son servidas de forma remota. El peso aprox. de cada fuente es de 80kb (Normal, Bold, Italic) súmale</li>
</ul>
<h3>Y luego viene Google</h3>
<p>Google lanzó en estos días <a href="http://code.google.com/apis/webfonts/">una solución</a> que usa la misma tecnología que typekit pero sin el control panel, se llama <a href="http://code.google.com/webfonts">Google Font Directory</a> y hace exactamente lo mismo que typekit pero gratis :D. El cagálogo de fuentes es muy limitado pero si quieres probar usando fuentes diferentes a las de siempre en tus sites héchale un ojo. <a href="http://code.google.com/apis/webfonts/docs/getting_started.html">Aquí</a> puedes ver un ejemplo en uso.</p>
<h3>Conclusión</h3>
<p>Si puedes pagar por una licencia de Typekit hazlo sin quitarle el ojo de encima a Google Font Directory porque con el tiempo va a ir mejorando en funcionalidades y el catálogo de fuentes que es muy bueno actualmente pero reducido.</p>
<p>sIFR y Cufon aún son la respuesta a miles de diseñadores web y van a estar aquí pos un buen tiempo, si tienes tiempo dales una oportunidad así sabrás cuando llegue el momento que solución es la mejor para tu sitio.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nudonation.com/2010/05/20/custom-fonts-en-el-diseno-web/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Typography quick tips</title>
		<link>http://www.nudonation.com/2010/02/27/typography-quick-tips/</link>
		<comments>http://www.nudonation.com/2010/02/27/typography-quick-tips/#comments</comments>
		<pubDate>Sat, 27 Feb 2010 08:48:27 +0000</pubDate>
		<dc:creator>Droid</dc:creator>
				<category><![CDATA[TypoLab]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.nudonation.com/?p=1123</guid>
		<description><![CDATA[Como el título lo dice, el site da algunos tips sobre el uso de la tipografía en la web.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-large wp-image-1124" title="typography tips" src="http://www.nudonation.com/wp-content/uploads/2010/02/Captura-de-pantalla-2010-02-27-a-las-01.47.06-500x271.png" alt="" width="500" height="271" /></p>
<p>Como el título lo dice, <a href="http://csswizardry.com/type-tips/">el site</a> da algunos tips sobre el uso de la tipografía en la web.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nudonation.com/2010/02/27/typography-quick-tips/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Garamond Powerlines</title>
		<link>http://www.nudonation.com/2008/10/18/garamond-powerlines/</link>
		<comments>http://www.nudonation.com/2008/10/18/garamond-powerlines/#comments</comments>
		<pubDate>Sat, 18 Oct 2008 17:35:45 +0000</pubDate>
		<dc:creator>Droid</dc:creator>
				<category><![CDATA[Diseño gráfico]]></category>
		<category><![CDATA[TypoLab]]></category>

		<guid isPermaLink="false">http://www.nudonation.com/2008/10/18/garamond-powerlines/</guid>
		<description><![CDATA[Ve el alfabeto completo aquí.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.nudonation.com/wp-content/uploads/2008/10/w.jpg" width="480" height="501" alt="w.jpg" /></p>
<p>Ve el alfabeto completo <a href="http://www.evasion.cc/blog/comments/typography-garamond-powerlines/">aquí</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nudonation.com/2008/10/18/garamond-powerlines/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creative Characters 14</title>
		<link>http://www.nudonation.com/2008/09/17/creative-characters-14/</link>
		<comments>http://www.nudonation.com/2008/09/17/creative-characters-14/#comments</comments>
		<pubDate>Wed, 17 Sep 2008 14:41:43 +0000</pubDate>
		<dc:creator>Droid</dc:creator>
				<category><![CDATA[TypoLab]]></category>

		<guid isPermaLink="false">http://www.nudonation.com/2008/09/17/creative-characters-14/</guid>
		<description><![CDATA[Usually the Creative Characters interviews are conducted by e-mail, in a series of back-and-forth exchanges. Nick Shinn, an Englishman in Canada, prefers the old-fashioned way: the immediacy and natural flow of a real conversation. This approach seems to relate to how he makes type. Not that Shinnâ€™s type designs are old-fashionedâ€¦ theyâ€™re simply different. And [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.nudonation.com/wp-content/uploads/2008/09/shinn.jpg" width="500" height="188" alt="shinn.jpg" /></p>
<p>Usually the <em>Creative Characters</em> interviews are conducted by e-mail, in a series of back-and-forth exchanges. Nick Shinn, an Englishman in Canada, prefers the old-fashioned way: the immediacy and natural flow of a real conversation. This approach seems to relate to how he makes type. Not that Shinnâ€™s type designs are old-fashionedâ€¦ theyâ€™re simply different. And yet, as Shinn would say, all wickedly usable.</p>
<p><a href="http://www.myfonts.com/newsletters/cc/200809.html">Ver el issue No. 14</a> en línea.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nudonation.com/2008/09/17/creative-characters-14/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nevis Font, descarga gratuita</title>
		<link>http://www.nudonation.com/2008/03/17/nevis-font-descarga-gratuita/</link>
		<comments>http://www.nudonation.com/2008/03/17/nevis-font-descarga-gratuita/#comments</comments>
		<pubDate>Mon, 17 Mar 2008 22:17:33 +0000</pubDate>
		<dc:creator>Droid</dc:creator>
				<category><![CDATA[Recursos]]></category>
		<category><![CDATA[TypoLab]]></category>

		<guid isPermaLink="false">http://www.nudonation.com/2008/03/17/nevis-font-descarga-gratuita/</guid>
		<description><![CDATA[Me encontré por ahí esta fuente que tiene buena pinta, es del estilo de la Avenir pero tiene sus razgos característicos, además es gratuita :). Descarga Nevis font.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.nudonation.com/wp-content/uploads/2008/03/main_nevis.gif" width="500" height="275" alt="NEVIS Font" /></p>
<p>Me encontré por ahí esta fuente que tiene buena pinta, es del estilo de la Avenir pero tiene sus razgos característicos, además es gratuita :). <a href="http://www.tenbytwenty.com/products/typefaces/nevis">Descarga Nevis font</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nudonation.com/2008/03/17/nevis-font-descarga-gratuita/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Tipografías Mexicanas</title>
		<link>http://www.nudonation.com/2008/01/16/tipografias-mexicanas/</link>
		<comments>http://www.nudonation.com/2008/01/16/tipografias-mexicanas/#comments</comments>
		<pubDate>Thu, 17 Jan 2008 06:55:27 +0000</pubDate>
		<dc:creator>Droid</dc:creator>
				<category><![CDATA[TypoLab]]></category>

		<guid isPermaLink="false">http://www.nudonation.com/2008/01/16/tipografias-mexicanas/</guid>
		<description><![CDATA[Hay algunas que me gustaron mucho, tienen en común es que todas son mexicanas y fueron presentadas en la conferencia &#8220;Mexico, Forging the Character&#8221; en el Typecon el año pasado. El trabajo que se tiene que hacer para completar una tipografía es grandísimo, por eso, felicito a cualquier tipógrafo que llegue a caer en este [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.nudonation.com/wp-content/uploads/2008/01/fuentes-mexicanas.png" width="500" height="135" alt="Fuentes Mexicanas" /></p>
<p>Hay algunas que me gustaron mucho, tienen en común es que todas son mexicanas y fueron presentadas en la conferencia &#8220;<a href="http://www.flickr.com/photos/mexicoforgingthecharacter/">Mexico, Forging the Character</a>&#8221; en el <a href="http://www.typecon.com/">Typecon</a> el año pasado.</p>
<p>El trabajo que se tiene que hacer para completar una tipografía es grandísimo, por eso, felicito a cualquier tipógrafo que llegue a caer en este blog, el trabajo de un tipógrafo es realmente impresionante, requiere de muchas horas de diseño, trazado y algunas otras cosas muy técnicas.</p>
<p>Lo vi en <a href="http://isopixel.net">Isopixel</a> que a su vez lo vió en <a href="http://nicefuckinggraphics.blogspot.com/2007/11/tipografa-mexicana.html">NFG</a> (que tiene fecha del 26 de Nov. por cierto)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nudonation.com/2008/01/16/tipografias-mexicanas/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Relato Sans</title>
		<link>http://www.nudonation.com/2007/12/14/relato-sans/</link>
		<comments>http://www.nudonation.com/2007/12/14/relato-sans/#comments</comments>
		<pubDate>Sat, 15 Dec 2007 02:18:17 +0000</pubDate>
		<dc:creator>Droid</dc:creator>
				<category><![CDATA[Recursos]]></category>
		<category><![CDATA[TypoLab]]></category>

		<guid isPermaLink="false">http://www.nudonation.com/2007/12/14/relato-sans/</guid>
		<description><![CDATA[Fontshop pone en descarga gratuita la fuente Relato Sans. La fuente está en opentype. Descargar Relato Sans.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.nudonation.com/wp-content/uploads/2007/12/relato-sans.gif" alt="Relato Sans" height="101" width="386" class="photoc" /></p>
<p><a href="http://www.fontshop.com">Fontshop</a> pone en descarga gratuita la fuente Relato Sans. La fuente está en opentype.</p>
<p><a href="http://www.fontshop.com/freefonts/download/93">Descargar Relato Sans</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nudonation.com/2007/12/14/relato-sans/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Droid Fonts</title>
		<link>http://www.nudonation.com/2007/12/14/droid-fonts/</link>
		<comments>http://www.nudonation.com/2007/12/14/droid-fonts/#comments</comments>
		<pubDate>Sat, 15 Dec 2007 02:06:58 +0000</pubDate>
		<dc:creator>Droid</dc:creator>
				<category><![CDATA[TypoLab]]></category>

		<guid isPermaLink="false">http://www.nudonation.com/2007/12/14/droid-fonts/</guid>
		<description><![CDATA[Ascender Fonts hizo un set de fuentes llamado Droid Family Fonts que están disponibles en la plataforma de desarrollo Android de Google. No son fuentes que sobresalgan por su diseño, pero están bien hechas ah.. y tienen un bonito nombre :) Puedes descargarlas aquí Si alguien no lo sabe los tipos de Ascender Fonts son [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.nudonation.com/wp-content/uploads/2007/12/droid-fonts.gif" width="500" height="432" alt="Droid Fonts" /></p>
<p><a href="http://www.ascenderfonts.com/">Ascender Fonts</a> hizo un set de fuentes llamado Droid Family Fonts que están disponibles  en la plataforma de desarrollo Android de Google. No son fuentes que sobresalgan por su diseño, pero están bien hechas ah.. y tienen un bonito nombre :)</p>
<p>Puedes descargarlas <a href="http://damieng.com/blog/2007/11/14/droid-font-family-courtesy-of-google-ascender">aquí</a></p>
<p>Si alguien no lo sabe los tipos de Ascender Fonts son los responsables de las <a href="http://ascenderfonts.com/Merchant2/merchant.mvc?Screen=CTGY&#038;Category_Code=CFON01">nuevas fuentes de Miscrosoft</a> incluidas en el Vista (Calibri, Constantia, Cambria, Corbel, Candara, Consolas, Cariadings, etc.)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nudonation.com/2007/12/14/droid-fonts/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Christian Schwartz tipógrafo</title>
		<link>http://www.nudonation.com/2007/10/18/christian-schwartz-tipografo/</link>
		<comments>http://www.nudonation.com/2007/10/18/christian-schwartz-tipografo/#comments</comments>
		<pubDate>Thu, 18 Oct 2007 16:59:11 +0000</pubDate>
		<dc:creator>Droid</dc:creator>
				<category><![CDATA[On Display]]></category>
		<category><![CDATA[TypoLab]]></category>

		<guid isPermaLink="false">http://www.nudonation.com/2007/10/18/christian-schwartz-tipografo/</guid>
		<description><![CDATA[Hoy recibí el newsletter de MyFonts que se llama Creative Characters, The faces behind the fonts, es un envío periódico donde se publican entrevistas a renombrados personajes de la tipografía actual. Esta vez el turno es de Christian Schwartz, con apenas 30 años es uno de los tipógrafos más prolíferos de Estados Unidos. La entrevista [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.nudonation.com/wp-content/uploads/2007/10/christian-schwartz.jpg" alt="Christian Schwartz" height="204" width="500" /></p>
<p>Hoy recibí el newsletter de <a href="http://myfonts.com">MyFonts</a> que se llama <em>Creative Characters, The faces behind the fonts</em>, es un envío periódico donde se publican entrevistas a renombrados personajes de la tipografía actual. Esta vez el turno es de Christian Schwartz, con apenas 30 años es uno de los tipógrafos más prolíferos de Estados Unidos. La entrevista es muy interesante, <a href="http://www.myfonts.com/newsletters/cc/200710.html">aquí pueden ver</a> la versión en línea del newsletter.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nudonation.com/2007/10/18/christian-schwartz-tipografo/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Primer aniversario de smashingmagazine.com</title>
		<link>http://www.nudonation.com/2007/09/08/primer-aniversario-de-smashingmagazinecom/</link>
		<comments>http://www.nudonation.com/2007/09/08/primer-aniversario-de-smashingmagazinecom/#comments</comments>
		<pubDate>Sun, 09 Sep 2007 02:04:25 +0000</pubDate>
		<dc:creator>Droid</dc:creator>
				<category><![CDATA[Must have]]></category>
		<category><![CDATA[TypoLab]]></category>

		<guid isPermaLink="false">http://www.nudonation.com/2007/09/08/primer-aniversario-de-smashingmagazinecom/</guid>
		<description><![CDATA[smashingmagazine.com se volvió rápidamente en referente de recursos y tips en cantidades que a veces se vuelven imprácticas, claro no nos vamos a molestar por eso no? :) Ayer cumplieron un año y liberan de forma gratuita dos regalos a sus lectores, una tipografía llamada Anivers y un theme de wordpress. La tipografía es excelente, [...]]]></description>
			<content:encoded><![CDATA[<p> <img src="http://www.nudonation.com/wp-content/uploads/2007/09/anivers-font.jpg" alt="anivers-font.jpg" height="93" width="500" /></p>
<p><a href="http://smashingmagazine.com">smashingmagazine.com</a> se volvió rápidamente en referente de recursos y tips en cantidades que a veces se vuelven imprácticas, claro no nos vamos a molestar por eso no? :) Ayer cumplieron un año y liberan de forma gratuita dos regalos a sus lectores, una tipografía llamada Anivers y un theme de wordpress.</p>
<p>La tipografía es excelente, tiene razgos únicos y es de una calidad excepcional. Fue hecha por <a href="http://www.josbuivenga.demon.nl/">Jos Buivenga</a> un tipógrafo danés que tiene varias fuente gratuitas en su haber y de muy buena calidad por cierto. <a href="http://www.josbuivenga.demon.nl/anivers.html">Descargar la fuente Anivers</a>.</p>
<p><a href="http://www.wp-themes.designdisease.com/testrun/?theme=wp_smashingtheme">El theme</a> lo hizo Elena Gafita, bien conocida en el mundo de los blogguers por su theme para <a href="http://www.bloggingpro.com/">BloggingPro</a>. En lo personal el theme no me gusta, la paleta de colores me parece sucia y como que no hay armonía en el uso del color, sin embargo el theme está bien hecho así que si quieres probarlo puedes descargarlo de <a href="http://www.wp-themes.designdisease.com/downloads/smashingtheme.zip">aquí</a>.</p>
<p>Bien por smashing magazine que sigue dando de que hablar y de la buena manera.</p>
<p><a href="http://www.smashingmagazine.com/2007/09/07/smashing-freefont-and-wordpress-theme/">Aquí el post</a> se smashing magazine donde explican de forma detallada todo esto de los regalos.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nudonation.com/2007/09/08/primer-aniversario-de-smashingmagazinecom/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
