<?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>Impallari.com &#187; Fonts</title>
	<atom:link href="http://www.impallari.com/blog/tags/fonts/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.impallari.com/blog</link>
	<description>Blog personal de Pablo Impallari</description>
	<lastBuildDate>Thu, 17 Dec 2009 03:40:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Programando Open Type features</title>
		<link>http://www.impallari.com/blog/post/programando-open-type-features/</link>
		<comments>http://www.impallari.com/blog/post/programando-open-type-features/#comments</comments>
		<pubDate>Sat, 21 Nov 2009 14:35:22 +0000</pubDate>
		<dc:creator>PabloImpallari</dc:creator>
				<category><![CDATA[Tipography]]></category>
		<category><![CDATA[Alternates]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Ligatures]]></category>
		<category><![CDATA[Lining]]></category>
		<category><![CDATA[Old Style]]></category>
		<category><![CDATA[Open Type]]></category>
		<category><![CDATA[Proportional]]></category>
		<category><![CDATA[Swash]]></category>
		<category><![CDATA[Tabular]]></category>

		<guid isPermaLink="false">http://www.impallari.com/blog/?p=109</guid>
		<description><![CDATA[Vamos a ver, rápidamente, cuales son las funciones Open Type más comunes que podemos agregar a nuestras fuentes y algunos ejemplos de como hacerlo. Ligatures: liga feature liga { sub f i by f_i; sub f l by f_l; sub f f i by f_f_i; sub f f l by f_f_l; } liga; Cuando encuentra [...]]]></description>
			<content:encoded><![CDATA[<p>Vamos a ver, rápidamente, cuales son las funciones Open Type más comunes que podemos agregar a nuestras fuentes y algunos ejemplos de como hacerlo.</p>
<p><strong>Ligatures:</strong> liga</p>
<div id="attachment_168" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-168" title="ligaturas2" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/ligaturas2.gif" alt="Ligaturas" width="500" height="150" /><p class="wp-caption-text">Ligaturas</p></div>
<p><code> feature liga {<br />
sub f i by f_i;<br />
sub f l by f_l;<br />
sub f f i by f_f_i;<br />
sub f f l by f_f_l;<br />
} liga;<br />
</code></p>
<p>Cuando encuentra una f seguida de una i, las reemplaza por el caracter fi, lo mismo con las fl, ffi, ffl.</p>
<p><strong>Discretional Ligatures:</strong> dlig</p>
<div id="attachment_169" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-169" title="dlig2" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/dlig2.gif" alt="Ligaturas Discrecionales" width="500" height="150" /><p class="wp-caption-text">Ligaturas Discrecionales</p></div>
<p><code> feature dlig {<br />
sub c t by c_t;<br />
sub s t by s_t;<br />
} dlig;<br />
</code><br />
Cuendo encuentra una c seguida de una t, las reemplaza por el caracter c_t, lo mismo con la s t.</p>
<p><strong>Stylistic Alternates:</strong> salt</p>
<div id="attachment_146" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-146" title="salt" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/salt.gif" alt="Stylistic Alternates" width="500" height="150" /><p class="wp-caption-text">Stylistic Alternates</p></div>
<p><code> feature salt {<br />
sub a by a.alt;<br />
sub Q by Q.alt;<br />
} salt;<br />
</code><br />
Reemplaza las letras a por las letras a alternativas. Lo mismo con la Q.</p>
<p><strong>Contextual Alternates:</strong> calt</p>
<div id="attachment_148" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-148" title="calt" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/calt.gif" alt="Contextual Alternates" width="500" height="150" /><p class="wp-caption-text">Contextual Alternates</p></div>
<p><code> feature calt {<br />
sub @_bajas t' @_altas by t.left;<br />
sub @_bajas t' @_bajas by t.middle;<br />
sub @_altas t' @_bajas by t.right;<br />
} calt;<br />
</code><br />
Reemplaza una letra por las versiones alterativas, dependiendo las letras que tenga a los costados</p>
<p><strong>Swashes:</strong> swsh</p>
<div id="attachment_171" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-171" title="swsh2" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/swsh2.gif" alt="Swashes" width="500" height="150" /><p class="wp-caption-text">Swashes</p></div>
<p><code>feature swsh{</code><code><br />
sub T by T.swsh;<br />
</code><code>sub F by F.swsh;<br />
</code><code> sub R by R.swsh;<br />
} swsh;<br />
</code><br />
Reemplaza las letras T, F y R por las versiones  con Swashes.</p>
<p><strong>Initial forms:</strong> init</p>
<div id="attachment_161" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-161" title="init" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/init.gif" alt="Initial Forms" width="500" height="150" /><p class="wp-caption-text">Initial Forms</p></div>
<p>feature init {<br />
sub @initial_to_be_replaced by @intial_replacement;<br />
} init;</p>
<p>Suponiendo que tenemos dos series de letras agrupadas en classes, reemplaza las letras de las primer serie por las de la segunda serie, siempre y cuando esten al principio de una palabra.</p>
<p><strong>Final Forms:</strong> fina</p>
<div id="attachment_162" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-162" title="fina" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/fina.gif" alt="Final Forms" width="500" height="150" /><p class="wp-caption-text">Final Forms</p></div>
<p><code> feature fina {<br />
sub @fina_to_be_replaced by @fina_replacement;<br />
} fina;<br />
</code><br />
Suponiendo que tenemos dos series de letras agrupadas en classes, reemplaza las letras de las primer serie por las de la segunda serie, siempre y cuando esten al final de una palabra en.</p>
<h2>Otras OT features que podemos incorporar, son:</h2>
<ul>
<li><strong>Small Capitals:</strong> smcp<code><br />
</code></li>
<li><strong>Lining Figures:</strong> lnum<code><br />
</code></li>
<li><strong>Old Style Figures:</strong> onum<code><br />
</code></li>
<li><strong>Proportional Figures:</strong> pnum<code><br />
</code></li>
<li><strong>Tabular Figures:</strong> tnum<code><br />
</code></li>
<li><strong>Slashed Zero:</strong> zero</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.impallari.com/blog/post/programando-open-type-features/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Algunas Serif con Swashes</title>
		<link>http://www.impallari.com/blog/post/algunas-serif-con-swashes/</link>
		<comments>http://www.impallari.com/blog/post/algunas-serif-con-swashes/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 08:01:23 +0000</pubDate>
		<dc:creator>PabloImpallari</dc:creator>
				<category><![CDATA[Tipography]]></category>
		<category><![CDATA[Alternates]]></category>
		<category><![CDATA[Bookman]]></category>
		<category><![CDATA[Cabernet]]></category>
		<category><![CDATA[Caslon]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Eloquent]]></category>
		<category><![CDATA[Farnham]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Hoefler]]></category>
		<category><![CDATA[Leitura]]></category>
		<category><![CDATA[Lettering]]></category>
		<category><![CDATA[Open Type]]></category>
		<category><![CDATA[Plantagenet]]></category>
		<category><![CDATA[Swash]]></category>

		<guid isPermaLink="false">http://www.impallari.com/blog/?p=73</guid>
		<description><![CDATA[Me encantan las Serif con Swashes, acá les dejo algunas de mis preferidas: Caslon No. 540 Swash D Italic Hay muchas Caslon con swashes, pero esta versión es la que más me gusta. Leitura Display Swashes Parte de la familia Leitura, que incluye versiones serif, sans serif, condensed, etc. Farnham Display Swahes Una de las [...]]]></description>
			<content:encoded><![CDATA[<p>Me encantan las Serif con Swashes, acá les dejo algunas de mis preferidas:</p>
<p><strong>Caslon No. 540</strong> Swash D Italic<br />
Hay muchas Caslon con swashes, pero esta versión es la que más me gusta.</p>
<div id="attachment_78" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-78" title="Caslon540-Italic-Swashes" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/Caslon540-Italic-Swashes.gif" alt="Caslon 540 Swashes D Italic" width="500" height="300" /><p class="wp-caption-text">Caslon 540 Swashes D Italic</p></div>
<p><strong>Leitura Display</strong> Swashes<br />
Parte de la familia Leitura, que incluye versiones serif, sans serif, condensed, etc.</p>
<div id="attachment_82" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-82" title="Leitura-Display-Swashes" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/Leitura-Display-Swashes.gif" alt="Leitura Display Swashes" width="500" height="300" /><p class="wp-caption-text">Leitura Display Swashes</p></div>
<p><strong>Farnham Display</strong> Swahes<br />
Una de las tantas Fleischman</p>
<div id="attachment_89" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-89" title="Farnham-Display-Swashes" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/Farnham-Display-Swashes.gif" alt="Farnham Display" width="500" height="300" /><p class="wp-caption-text">Farnham Display</p></div>
<p><strong>Hoefler Text</strong> Swashes + Small Caps Swashes</p>
<div id="attachment_90" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-90" title="Hoefler-Text" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/Hoefler-Text.gif" alt="Hoefler Text Swashes" width="500" height="300" /><p class="wp-caption-text">Hoefler Text Swashes</p></div>
<p>Plantagenet Nova:</p>
<div id="attachment_97" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-97" title="Plantagenet-Nova" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/Plantagenet-Nova.gif" alt="Plantagenet Nova" width="500" height="150" /><p class="wp-caption-text">Plantagenet Nova</p></div>
<p>Bookman:</p>
<div id="attachment_98" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-98" title="Bookman" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/Bookman.gif" alt="Bookman" width="500" height="150" /><p class="wp-caption-text">Bookman</p></div>
<p>Cabernet:</p>
<div id="attachment_100" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-100" title="Cabernet" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/Cabernet.gif" alt="Cabernet" width="500" height="150" /><p class="wp-caption-text">Cabernet</p></div>
<p>Eloquent:</p>
<div id="attachment_102" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-102" title="Eloquent" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/Eloquent.gif" alt="Eloquent" width="500" height="150" /><p class="wp-caption-text">Eloquent</p></div>
<p>Estas son algunas de las que más me gustan a mi. Y a ustedes?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.impallari.com/blog/post/algunas-serif-con-swashes/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Gente para conocer: Ian Brignell</title>
		<link>http://www.impallari.com/blog/post/gente-para-conocer-ian-brignell/</link>
		<comments>http://www.impallari.com/blog/post/gente-para-conocer-ian-brignell/#comments</comments>
		<pubDate>Sat, 07 Nov 2009 12:27:19 +0000</pubDate>
		<dc:creator>PabloImpallari</dc:creator>
				<category><![CDATA[Tipography]]></category>
		<category><![CDATA[Branding]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Lettering]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[People]]></category>

		<guid isPermaLink="false">http://www.impallari.com/blog/?p=39</guid>
		<description><![CDATA[Ian Brignel es, para mí, uno de los mejores letristas de la actualidad. Les dejo un link a su sitio, y una muestra de sus trabajos.]]></description>
			<content:encoded><![CDATA[<p>Ian Brignel es, para mí, uno de los mejores letristas de la actualidad.</p>
<p>Les dejo un <a title="Ian Brignell, Lettering extraordinarie" href="http://www.ianbrignell.com/">link a su sitio</a>, y una muestra de sus trabajos.</p>

<a href='http://www.impallari.com/blog/post/gente-para-conocer-ian-brignell/logo_5_full/' title='logo_5_full'><img width="150" height="150" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/logo_5_full-150x150.gif" class="attachment-thumbnail" alt="logo_5_full" title="logo_5_full" /></a>
<a href='http://www.impallari.com/blog/post/gente-para-conocer-ian-brignell/logo_122_full/' title='logo_122_full'><img width="150" height="150" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/logo_122_full-150x150.gif" class="attachment-thumbnail" alt="logo_122_full" title="logo_122_full" /></a>
<a href='http://www.impallari.com/blog/post/gente-para-conocer-ian-brignell/logo_98_full/' title='logo_98_full'><img width="150" height="150" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/logo_98_full-150x150.gif" class="attachment-thumbnail" alt="logo_98_full" title="logo_98_full" /></a>
<a href='http://www.impallari.com/blog/post/gente-para-conocer-ian-brignell/logo_16_full/' title='logo_16_full'><img width="150" height="150" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/logo_16_full-150x150.gif" class="attachment-thumbnail" alt="logo_16_full" title="logo_16_full" /></a>
<a href='http://www.impallari.com/blog/post/gente-para-conocer-ian-brignell/logo_56_full/' title='logo_56_full'><img width="150" height="150" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/logo_56_full-150x150.gif" class="attachment-thumbnail" alt="logo_56_full" title="logo_56_full" /></a>
<a href='http://www.impallari.com/blog/post/gente-para-conocer-ian-brignell/logo_48_full/' title='logo_48_full'><img width="150" height="150" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/logo_48_full-150x150.gif" class="attachment-thumbnail" alt="logo_48_full" title="logo_48_full" /></a>
<a href='http://www.impallari.com/blog/post/gente-para-conocer-ian-brignell/logo_3_full/' title='logo_3_full'><img width="150" height="150" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/logo_3_full-150x150.gif" class="attachment-thumbnail" alt="logo_3_full" title="logo_3_full" /></a>
<a href='http://www.impallari.com/blog/post/gente-para-conocer-ian-brignell/logo_127_full/' title='logo_127_full'><img width="150" height="150" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/logo_127_full-150x150.gif" class="attachment-thumbnail" alt="logo_127_full" title="logo_127_full" /></a>
<a href='http://www.impallari.com/blog/post/gente-para-conocer-ian-brignell/logo_179_full/' title='logo_179_full'><img width="150" height="150" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/logo_179_full-150x150.gif" class="attachment-thumbnail" alt="logo_179_full" title="logo_179_full" /></a>
<a href='http://www.impallari.com/blog/post/gente-para-conocer-ian-brignell/logo_85_full/' title='logo_85_full'><img width="150" height="150" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/logo_85_full-150x150.gif" class="attachment-thumbnail" alt="logo_85_full" title="logo_85_full" /></a>
<a href='http://www.impallari.com/blog/post/gente-para-conocer-ian-brignell/logo_123_full/' title='logo_123_full'><img width="150" height="150" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/logo_123_full-150x150.gif" class="attachment-thumbnail" alt="logo_123_full" title="logo_123_full" /></a>
<a href='http://www.impallari.com/blog/post/gente-para-conocer-ian-brignell/logo_121_full/' title='logo_121_full'><img width="150" height="150" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/logo_121_full-150x150.gif" class="attachment-thumbnail" alt="logo_121_full" title="logo_121_full" /></a>

]]></content:encoded>
			<wfw:commentRss>http://www.impallari.com/blog/post/gente-para-conocer-ian-brignell/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fuentes Open Type.</title>
		<link>http://www.impallari.com/blog/post/fuentes-open-type/</link>
		<comments>http://www.impallari.com/blog/post/fuentes-open-type/#comments</comments>
		<pubDate>Sat, 07 Nov 2009 11:37:04 +0000</pubDate>
		<dc:creator>PabloImpallari</dc:creator>
				<category><![CDATA[Tipography]]></category>
		<category><![CDATA[Alternates]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Garamond]]></category>
		<category><![CDATA[Ligatures]]></category>
		<category><![CDATA[Lining]]></category>
		<category><![CDATA[Malaga]]></category>
		<category><![CDATA[Old Style]]></category>
		<category><![CDATA[Open Type]]></category>
		<category><![CDATA[Poetica]]></category>
		<category><![CDATA[Proportional]]></category>
		<category><![CDATA[Swash]]></category>
		<category><![CDATA[Symphony]]></category>
		<category><![CDATA[Tabular]]></category>

		<guid isPermaLink="false">http://www.impallari.com/blog/?p=6</guid>
		<description><![CDATA[Las fuentes Open Type son muchisimo  más complejas de lo que parecen a simple vista. En las fuentes tradicionales hay una sola versión de cada letra, mientras que en las fuentes Open Type puede haber muchas versiones de todas letra, y los diseñadores pueden elegir la que más le guste según lo que quieran hacer. [...]]]></description>
			<content:encoded><![CDATA[<p>Las fuentes Open Type son muchisimo  más complejas de lo que parecen a simple vista.</p>
<p>En las fuentes tradicionales hay una sola versión de cada letra, mientras que en las fuentes Open Type puede haber muchas versiones de todas letra, y los diseñadores pueden elegir la que más le guste según lo que quieran hacer.</p>
<p>Por ejemplo, la fuente <em>Poetica</em> de Adobe tiene más de 10 versiones distintas de cada letra.</p>
<div id="attachment_11" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-11" title="Adobe Poetica" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/Fuentes-Open-Type-01.gif" alt="Diferentes variaciones de letras dentro de una misma fuente" width="500" height="300" /><p class="wp-caption-text">Diferentes variaciones de letras dentro de una misma fuente</p></div>
<p>Lo mismo pasa con los números:  La misma fuente puede incluir números <em>en mayúsculas</em> (Lining) o números <em>en minúsculas</em> (Old Style). Y también las versiones <em>proporcionales</em> o <em>tabulares </em>de dichos números.</p>
<p>Los números en minúsculas se usan generalmente en bloques de texto de corrido, dado que como tiene partes que sobresalen para arriba y para abajo al igual que las letras, pasan desapercibidos y no llaman tanto la atención como si estuvieran en mayúsculas.</p>
<p>Los números en mayúsculas y con alineación tabular, son ideales para tablas de datos o para cualquier otro lugar donde sea la alineación sea importante.</p>
<div id="attachment_21" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-21" title="Fuentes-Open-Type-02" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/Fuentes-Open-Type-02.gif" alt="Diferentes estilos de números en una misma fuente" width="500" height="300" /><p class="wp-caption-text">Diferentes estilos de números en una misma fuente</p></div>
<p>En la imagen anterior, pueden ver las diferencias entre los números en mayúsculas y minúsculas, y entre los números proporcionales y tabulares.</p>
<p>En el ejemplo de los números proporcionales, la primer cifra pareciera ser la más grande cuando en realidad la más grande es la segunda. Pero como tiene muchos números 1 que son proporcionalmente más finitos, da la impreción de ser una cifra más chica.</p>
<p>Esto se soluciona usando números tabulares, donde todos tienen el mismo ancho. Entonces las cifras se alinean correctamente, independientemente del ancho de cada número que contenga.</p>
<p>Y para ir terminando este post, no podíamos dejar de mencionar las <em>ligaturas</em>, que es sin duda la función más común que tienen casi todas las fuentes Open Type. Y muchas veces pasa desapercibida, porque si no prestas mucha atención, no notas la diferencia.</p>
<div id="attachment_25" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-25" title="Fuentes Open Type 03" src="http://www.impallari.com/blog/wp-content/uploads/2009/11/Fuentes-Open-Type-03.gif" alt="Ligaturas automáticas" width="500" height="300" /><p class="wp-caption-text">Ligaturas automáticas</p></div>
<p>En el primer caso las ligaturas están en la &#8216;fi&#8217;, &#8216;fl&#8217; y &#8216;st&#8217;.</p>
<p>En el segundo caso, mucho más delicado, las ligaturas estan en las uniones entre la &#8216;o&#8217;, la &#8216;r&#8217; y la &#8216;m&#8217;. Y ente la &#8216;e&#8217; y la &#8216;n&#8217;.</p>
<h2>Resumiendo:</h2>
<p>Las fuente Open Type pueden contener mucho más de lo que se vé a simple vista. Es como si fueran muchas fuentes en 1 sola, y permiten diferentes variaciones de un mismo texto.</p>
<p>Obviamente, hay mucho más por decir sobre las fuentes OT. Ya lo haremos más adelante.<br />
Por ahora me conformo con que les haya servido de introducción y que hayan aprendido algo nuevo para incorporar a su repertorio.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.impallari.com/blog/post/fuentes-open-type/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
