<?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>franklevel.com &#187; fuentes</title>
	<atom:link href="http://franklevel.com/tag/fuentes/feed/" rel="self" type="application/rss+xml" />
	<link>http://franklevel.com</link>
	<description>Cosas de la web según yo... Abstenerse fans de Star Wars</description>
	<lastBuildDate>Thu, 15 Apr 2010 16:04:43 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>What The Font? Descubre el nombre detrás de la fuente (tipografía)</title>
		<link>http://franklevel.com/2009/12/30/what-the-font-descubre-el-nombre-detras-de-la-fuente-tipografia/</link>
		<comments>http://franklevel.com/2009/12/30/what-the-font-descubre-el-nombre-detras-de-la-fuente-tipografia/#comments</comments>
		<pubDate>Wed, 30 Dec 2009 20:07:58 +0000</pubDate>
		<dc:creator>franklevel</dc:creator>
				<category><![CDATA[Diseño Gráfico]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Tipografía]]></category>
		<category><![CDATA[fuentes]]></category>
		<category><![CDATA[online]]></category>

		<guid isPermaLink="false">http://franklevel.com/?p=68</guid>
		<description><![CDATA[Buscando ciertas fuentes para algunos diseños me encuentro con una aplicación online que permite el reconocimiento de la fuente o tipografía a través de una imagen.]]></description>
			<content:encoded><![CDATA[<p>Buscando ciertas fuentes para algunos diseños me encuentro con una aplicación online que permite el reconocimiento de la fuente o tipografía a través de una imagen.</p>
<p>Quise probarlo y sucedió que elegí una fuente sencilla, en este caso Century Gothic y partiendo de esta figura:</p>
<p style="text-align: left;"><a href="http://franklevel.com/wp-content/uploads/2009/12/wtf01.jpg"><img class="size-full wp-image-69 aligncenter" title="wtf01" src="http://franklevel.com/wp-content/uploads/2009/12/wtf01.jpg" alt="wtf01" width="400" height="166" /></a>Las opciones generadas por la aplicación aunque no fueron exactas si fueronmuy aproximadas a la apariencia dela original.</p>
<p style="text-align: center;"><a href="http://franklevel.com/wp-content/uploads/2009/12/wtf02.jpg"><img class="size-medium wp-image-70 aligncenter" title="wtf02" src="http://franklevel.com/wp-content/uploads/2009/12/wtf02-300x169.jpg" alt="wtf02" width="300" height="169" /></a></p>
<p style="text-align: left;">Sin embargo, los resultados son significativos y puede ser de gran ayuda esta herramienta sobre todo cuando queremos crear texto basados en logos de empresas.</p>
<p style="text-align: left;">Enlace: <a href="http://new.myfonts.com/WhatTheFont/" target="_blank">http://new.myfonts.com/WhatTheFont/</a></p>
<p style="text-align: left;">
]]></content:encoded>
			<wfw:commentRss>http://franklevel.com/2009/12/30/what-the-font-descubre-el-nombre-detras-de-la-fuente-tipografia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fuentes bien marcadas en CSS</title>
		<link>http://franklevel.com/2009/11/25/fuentes-bien-marcadas-en-css/</link>
		<comments>http://franklevel.com/2009/11/25/fuentes-bien-marcadas-en-css/#comments</comments>
		<pubDate>Thu, 26 Nov 2009 01:03:37 +0000</pubDate>
		<dc:creator>franklevel</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[fuentes]]></category>
		<category><![CDATA[sombra]]></category>
		<category><![CDATA[text-shadow]]></category>

		<guid isPermaLink="false">http://franklevel.com/?p=20</guid>
		<description><![CDATA[Desde hace tiempo que soy asiduo visitante de webs como Taringa y ElForro y es en esta última donde he notado un uso eficaz de fuentes más vistosas, indagué un poco en el código fuente y noté que para lograr esto se hace uso de una propiedad ya ahora no tan desconocida de CSS, dicha [...]]]></description>
			<content:encoded><![CDATA[<p>Desde hace tiempo que soy asiduo visitante de webs como <a href="http://www.taringa.net" target="_blank">Taringa</a> y <a href="http://www.elforro.com">ElForro</a> y es en esta última donde he notado un uso eficaz de fuentes más vistosas, indagué un poco en el código fuente y noté que para lograr esto se hace uso de una propiedad ya ahora no tan desconocida de CSS, dicha propiedad es <em>text-shadow.</em></p>
<p>La propiedad &#8220;text-shadow&#8221; como su nombre lo refiere crea sombras con ciertos parámetros, a continuación un ejemplo:</p>
<p>text-shadow: color,offset(x),offset(y), difuminado;</p>
<p>o también:</p>
<p>text-shadow: difuminado,offset(x),offset(y),color;</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"> <span style="color: #6666ff;">.letters</span><span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">text-shadow</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#fff</span> <span style="color: #933;">1px</span> <span style="color: #933;">1px</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>Ahora bien la forma en que podemos hacer más vistosas nuestra fuentes es teniendo en cuenta lo siguiente:</p>
<ol>
<li>Nuestra fuente debe tener un color más oscuro que el fondo donde se mostrará, esto quiere decir que el efecto no aplica si poseemos una fuente por ejemplo blanca (#FFFFFF) sobre un fondo negro (#000000).</li>
<li>El color de fondo no puede ser blanco, ya que el efecto no se apreciará.</li>
<li>Y obviamente el color de la sombra: <em>text-shadow: color , </em>es recomendable que sea blanco, eso si queremos que se note bien marcado o el color más cercano al blanco partiendo como base el color del fondo.</li>
</ol>
<p>El resultado pueden observarlo en el mismo título de la entrada.</p>
]]></content:encoded>
			<wfw:commentRss>http://franklevel.com/2009/11/25/fuentes-bien-marcadas-en-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
