<?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; Old Style</title>
	<atom:link href="http://www.impallari.com/blog/tags/old-style/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>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>
