<?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>Blog Objetivo Creativo &#124; Diseño Gráfico, Diseño Web y Publicidad &#124; Gijón, Asturias &#187; Tipografías</title>
	<atom:link href="http://blog.objetivocreativo.com/category/tipografias/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.objetivocreativo.com</link>
	<description>Blog Oficial &#124; Diseño Gráfico, Diseño Web, NTIC &#124; Gijón, Asturias</description>
	<lastBuildDate>Mon, 28 Nov 2011 09:51:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Fuentes 2.0</title>
		<link>http://blog.objetivocreativo.com/fuentes-20/</link>
		<comments>http://blog.objetivocreativo.com/fuentes-20/#comments</comments>
		<pubDate>Fri, 27 Feb 2009 01:37:48 +0000</pubDate>
		<dc:creator>Juanjo</dc:creator>
				<category><![CDATA[Artículos Destacados]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Logotipos]]></category>
		<category><![CDATA[Tipografías]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[fuentes]]></category>

		<guid isPermaLink="false">http://blog.objetivocreativo.com/?p=105</guid>
		<description><![CDATA[Nota: &#8220;Éste articulo es una traducción del original obtenido en http://fontfeed.com/archives/the-logos-of-web-20/&#8220; Actualización 1 de marzo de 2009: Después de un tiempo buscando fuentes de este articulo por aquí y por allá, he conseguido hacerme con un total de 45 fuentes de las aquí mostradas. Todavía me falta encontrar alguna que otra, pero todo se andará! [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.objetivocreativo.com%2Ffuentes-20%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.objetivocreativo.com%2Ffuentes-20%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p><em>Nota: &#8220;Éste articulo es una traducción del original obtenido en <a href="http://fontfeed.com/archives/the-logos-of-web-20/" target="_blank">http://fontfeed.com/archives/the-logos-of-web-20/</a>&#8220;</em></p>
<p><strong><span style="color: #ff0000;">Actualización 1 de marzo de 2009</span></strong><span style="color: #ff0000;">:<span style="color: #000000;"> Después de un tiempo buscando fuentes de este articulo por aquí y por allá, he conseguido hacerme con<strong> un total de 45 fuentes de las aquí mostradas</strong>. Todavía me falta encontrar alguna que otra, pero todo se andará! Pero de momento creo que ya he conseguido recopilar un buen paquete de fuentes 2.0 para cumplir con lo prometido. <strong>La descarga de las fuentes de este articulo, está disponible aquí:</strong></span></span></p>
<ul>
<li><a href="http://blog.objetivocreativo.com/wp-content/uploads/fuentes20.zip" target="_blank">Descargar Fuentes 2.0</a></li>
</ul>
<p>No hay ninguna norma o estilo a seguir para decir que un Logotipo es &#8220;<a href="http://es.wikipedia.org/wiki/Web2.0" target="_blank">Web 2.0</a>&#8220;, pero siempre hay &#8220;algo&#8221; que nos lo dice de un sólo vistazo. Estos nuevos diseños llamados Web 2.0 suelen utilizar lo último en tecnología web, como por ejemplo <a href="http://es.wikipedia.org/wiki/AJAX" target="_blank">Ajax</a>, y también se suele relacionar con las llamadas Redes Sociales. <strong>Pero lo más caracteristico de todo, en los nuevos sitios Web 2.0, es su diseño. Los sitios Web 2.0 suelen transmitir una sensación de sociabilidad, amistad, comodidad, confortabilidad, normalmente con formas redondeadas y trazos grandes y gordos. Los colores son brillantes y alegres</strong>, mucho azul, naranja, y sobretodo el color oficial de la Web 2.0 conocido como: Yellowgreen</p>
<p>Puede ver alguno de estos elementos comunes del diseño Web 2.0 en la recopilación de los 400 Logos de  <a href="http://flickr.com/photos/stabilo-boss/101793494/in/set-72057594060779001/" target="_blank">Ludwig Gatzke’s compilation</a>. A continuación, un desglose de las fuentes tipográficas más utilizadas por nuestras marcas más preferidas y conocidas por la mayoría.</p>
<h2><span style="color: #99cc33;">Fuentes suaves</span></h2>
<p>Una clara tendencia es el uso de fuentes suaves, tipografías redondeadas dominadas en su mayoría por VAG (AKA Rundschrift), pero incluyendo también a otras fuentes como Helvetica Rounded, Arial Rounded, Bryant, y FF COCON. Todas las fuentes presentan un aspecto moderno y amigable, sin las cuales las marcas podrían haber sido muy frias.</p>
<table border="0" width="420">
<tbody>
<tr align="left">
<td width="225" align="middle"><img style="margin-left: 0px; margin-right: 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/suaves/clipshack_logo.gif" border="0" alt="ClipShack Logo" hspace="0" width="200" height="48" /></td>
<td width="195"><a href="http://www.clipshack.com/" target="_blank"><strong>ClipShack</strong></a> — Compartir videos<br />
Fuente: <a href="http://www.fontshop.com/fonts/singles/bitstream/vag_rounded_regular_ot/" target="_blank"><span class="caps">VAG</span> Rounded</a> con borde luminoso</td>
</tr>
<tr>
<td align="middle"><img style="margin: 17px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/suaves/zimbra_logo.gif" border="0" alt="Zimbra Logo" hspace="0" vspace="17" width="160" height="47" /></td>
<td><a href="http://www.zimbra.com" target="_blank"><strong>Zimbra</strong></a> — Calendario público<br />
Fuente: <a href="http://www.fontshop.com/fonts/singles/urw/vag_rundschrift_light_ot_std/" target="_blank"><span class="caps">VAG</span> Rounded Light</a></td>
</tr>
<tr>
<td align="middle"><img style="margin: 10px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/suaves/wayfaring_logo.gif" border="0" alt="Wayfaring Logo" hspace="0" vspace="10" width="191" height="75" /></td>
<td><a href="http://www.wayfaring.com/" target="_blank"><strong>Wayfaring</strong></a> — Rediseño de Google Maps<br />
Fuente: <a href="http://www.fontshop.com/fonts/singles/bitstream/vag_rounded_regular_ot/" target="_blank"><span class="caps">VAG</span> Rounded</a> (engordado añadiendo borde)</td>
</tr>
<tr>
<td align="middle"><img style="margin: 5px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/suaves/kajeet_logo.gif" border="0" alt="Kajeet Logo" hspace="0" vspace="5" width="175" height="91" /></td>
<td><a href="http://kajeet.com/" target="_blank"><strong>Kajeet</strong></a> — Servicio de telefonía movil<br />
Fuente: <a href="http://www.fontshop.com/fonts/singles/bitstream/vag_rounded_regular_ot/" target="_blank"><span class="caps">VAG</span> Rounded</a> (Con rediseño de la &#8220;j&#8221;)</td>
</tr>
<tr>
<td align="middle"><img style="margin: 5px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/suaves/zopa_logo.gif" border="0" alt="Zopa Logo" hspace="0" vspace="5" width="130" height="80" /></td>
<td><a href="http://www.zopa.com" target="_blank"><strong>Zopa</strong></a> — Intercambio de prestamos<br />
Fuente: parecida a <a href="http://www.fontshop.com/fonts/downloads/elsner_flake/frankfurter/" target="_blank">Frankfurter Medium</a> o <a href="http://www.fontshop.com/fonts/singles/process/bryant_pro_bold_alt_ot/" target="_blank">Bryant Bold Alt</a></td>
</tr>
<tr>
<td align="middle"><img style="margin: 10px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/suaves/pando_logo.gif" border="0" alt="Pando Logo" hspace="0" vspace="10" width="180" height="66" /></td>
<td><a href="http://www.pando.com" target="_blank"><strong>Pando</strong></a> — Almacen de archivos<br />
Fuente: parecida a <a href="http://www.fontshop.com/fonts/singles/process/bryant_pro_medium_alt_ot/" target="_blank">Bryant Medium Alt</a></td>
</tr>
<tr>
<td align="middle"><img style="margin: 12px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/suaves/myspace_logo.gif" border="0" alt="MySpace Logo" hspace="0" vspace="12" width="200" height="64" /></td>
<td><a href="http://myspace.com/" target="_blank"><strong>MySpace</strong></a> — Red social<br />
Fuente: <a href="http://www.fontshop.com/search/?q=Arial+Rounded" target="_blank">Arial Rounded</a> Negrita y <a href="http://www.fontshop.com/fonts/downloads/linotype/bell_gothic_complete_vp/ target=">Bell Gothic</a> Negro</td>
</tr>
<tr>
<td align="middle"><img style="margin: 20px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/suaves/trackslife_logo.gif" border="0" alt="TracksLife Logo" hspace="0" vspace="20" width="164" height="45" /></td>
<td><a href="http://trackslife.com/" target="_blank"><strong>TracksLife</strong></a> — Base de datos personal<br />
Fuente: <a href="http://www.fontshop.com/search/?q=Arial+Rounded" target="_blank">Arial Rounded</a> Negrita</td>
</tr>
<tr>
<td align="middle"><img style="margin: 10px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/suaves/eventful_logo.gif" border="0" alt="Eventful Logo" hspace="0" vspace="10" width="198" height="71" /></td>
<td><a href="http://eventful.com/" target="_blank"><strong>Eventful</strong></a> — Calendario público<br />
Fuente: <a href="http://www.fontshop.com/search/?q=Arial+Rounded" target="_blank">Arial Rounded</a> Negrita (ligeramente suavizada)</td>
</tr>
<tr>
<td align="middle"><img style="margin-left: 0px; margin-right: 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/suaves/spongecell_logo.gif" border="0" alt="Spongecell Logo" hspace="0" width="200" height="60" /></td>
<td><a href="http://spongecell.com/" target="_blank"><strong>Spongecell</strong></a> — Calendario público<br />
Fuente: <a href="http://www.fontshop.com/fonts/singles/monotype/arial_rounded_extra_bold/" target="_blank">Arial Rounded</a> Negrita Extra</td>
</tr>
<tr>
<td align="middle"><img style="margin: 15px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/suaves/skype_logo.gif" border="0" alt="Skype Logo" hspace="0" vspace="15" width="105" height="47" /></td>
<td><a href="http://skype.com/" target="_blank"><strong>Skype</strong></a> — Telefonía VoIP<br />
Fuente: <a href="http://www.fontshop.com/fonts/singles/linotype/helvetica_std_rounded_bold/" target="_blank">Helvetica Rounded Bold</a></td>
</tr>
<tr>
<td align="middle"><img style="margin-left: 0px; margin-right: 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/suaves/shozu_logo.gif" border="0" alt="ShoZu Logo" hspace="0" width="186" height="70" /></td>
<td><a href="http://www.shozu.com/" target="_blank"><strong>ShoZu</strong></a> — Compartir fotos<br />
Fuente: <a href="http://www.fontshop.com/fonts/singles/fontfont/ff_cocon_ot_bold/" target="_blank"><span class="caps">FF</span> Cocon Bold</a></td>
</tr>
<tr>
<td align="middle"><img style="margin: 10px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/suaves/tabblog.gif" border="0" alt="Tabblog" hspace="0" vspace="10" width="157" height="54" /></td>
<td><a href="http://www.tabblo.com/" target="_blank"><strong>Tabblo</strong></a> y <a href="http://blog.tabblo.com/" target="_blank">Tabblog</a> — Compartir fotos<br />
Fuente: <a href="http://www.fontshop.com/fonts/singles/fontfont/ff_cocon_ot_bold/" target="_blank"><span class="caps">FF</span> Cocon Bold</a></td>
</tr>
</tbody>
</table>
<h2><span style="color: #99cc33;">Fuentes futurísticas</span></h2>
<p>Algunos diseños son el vivo reflejo del avance tecnológico que conllevo la Web 2.0 con una mirada que dice &#8220;tecnología del futuro&#8221;. Figuras pixeladas, bordes duros, y minimalismo. Las formas no son tan comunes como la acogedora colección anterior, pero representan una buena parte de los comienzos de la Web en Internet.</p>
<table border="0" width="420">
<tbody>
<tr align="left">
<td width="225" align="middle"><img style="margin: 10px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/futuristicas/lastfm_logo.gif" border="0" alt="Last.fm Logo" hspace="0" vspace="10" width="153" height="58" /></td>
<td width="195"><a href="http://www.last.fm/" target="_blank"><strong>Last.fm</strong></a> — Red social musical<br />
Font: <a href="http://www.fontshop.com/fonts/singles/elsner_flake/itc_ronda/" target="_blank"><span class="caps">ITC</span> Ronda</a> (rediseñada)</p>
<p>Alternativa: <a href="http://www.fontshop.com/search/?q=Avernus" target="_blank">Avernus</a></td>
</tr>
<tr>
<td align="middle"><img style="margin: 12px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/futuristicas/photobucket_logo.gif" border="0" alt="Photobucket Logo" hspace="0" vspace="12" width="200" height="42" /></td>
<td><a href="http://www.photobucket.com/" target="_blank"><strong>Photobucket</strong></a> — Alojamiento de fotos<br />
Fuente: <a href="http://www.fontshop.com/fonts/downloads/elsner_flake/digital_sans/" target="_blank">Digital Sans</a> Medium</td>
</tr>
<tr>
<td align="middle"><img style="margin: 10px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/futuristicas/plazes_logo.gif" border="0" alt="Plazes Logo" hspace="0" vspace="10" width="190" height="60" /></td>
<td><a href="http://www.plazes.com/" target="_blank"><strong>Plazes</strong></a> — Red de geografía<br />
Fuente: <a href="http://www.fontshop.com/fonts/downloads/emigre/base_9/" target="_blank">Base 9</a> Regular <span class="caps">SC</span></td>
</tr>
<tr>
<td align="middle"><img style="margin: 0px;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/futuristicas/1398915726_b30cfb6c45_o.gif" alt="NewsGator Logo" hspace="0" vspace="0" width="177" height="44" /></td>
<td><a href="http://www.newsgator.com/" target="_blank"><strong>NewsGator</strong></a> — Agregador de noticias</p>
<p>Fuente: <a href="http://www.fontshop.com/fonts/downloads/paratype/itc_bauhaus_multilingual_ot/" target="_blank"><span class="caps">ITC</span> Bauhaus</a> Medium</td>
</tr>
<tr>
<td align="middle"><img style="margin: 20px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/futuristicas/reminderfeed_logo.gif" border="0" alt="ReminderFeed Logo" hspace="0" vspace="20" width="200" height="50" /></td>
<td><a href="http://www.reminderfeed.com/" target="_blank"><strong>ReminderFeed</strong></a> — Recordatorios por RSS</p>
<p>Fuente: <a href="http://www.fontshop.com/fonts/downloads/fontfont/ff_dot_matrix_ot/" target="_blank"><span class="caps">FF</span> Dot Matrix</a> Doble Regular</td>
</tr>
<tr>
<td align="middle"><img style="margin: 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/futuristicas/technorati_logo.gif" border="0" alt="Technorati Logo" hspace="0" vspace="0" width="200" height="47" /></td>
<td><a href="http://www.technorati.com/" target="_blank"><strong>Technorati</strong></a> — Herramienta de búsqueda de blogs.<br />
Fuente: <a href="http://www.fontshop.com/fonts/downloads/monotype/neo_sans_std_vp/" target="_blank">Neo Sans</a> Medium</td>
</tr>
<tr>
<td align="middle"><img style="margin: 16px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/futuristicas/tagworld_logo.gif" border="0" alt="TagWorld Logo" hspace="0" vspace="16" width="172" height="42" /></td>
<td><a href="http://www.tagworld.com/" target="_blank"><strong>TagWorld</strong></a> — Red Social<br />
Fuente: <a href="http://www.fontshop.com/search/?q=Handel+Gothic" target="_blank">Handel Gothic</a> Negrita</td>
</tr>
<tr>
<td align="middle"><img style="margin: 10px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/futuristicas/shoutwire_logo.gif" border="0" alt="Shoutwire Logo" hspace="0" vspace="10" width="200" height="54" /></td>
<td><a href="http://www.shoutwire.com/" target="_blank"><strong>Shoutwire</strong></a> — Compartiendo noticias<br />
Fuente: <a href="http://www.fontshop.com/fonts/singles/font_bureau/agency_bold/" target="_blank">Agency Bold</a></td>
</tr>
</tbody>
</table>
<h2><span style="color: #99cc33;">Las clásicas</span></h2>
<p>Yendo a lo seguro con Trade y News Gothic, Frutiger, Avenir, Interstate, FF Meta, y FF DIN. Y por supuesto, la omnipresente Helvetica de toda la vida se continuará viendo en los nuevos logotipos web de hoy en día.</p>
<table border="0" width="420">
<tbody>
<tr align="left">
<td width="225" align="middle"><img style="margin: 10px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/clasicas/xanga_logo.gif" border="0" alt="Xanga Logo" hspace="0" vspace="10" width="200" height="58" /></td>
<td width="195"><a href="http://www.xanga.com/" target="_blank"><strong>Xanga</strong></a> — Comunidad de Blogs<br />
Fuente: <a href="http://www.fontshop.com/fonts/downloads/linotype/trade_gothic_std_complete_vp/" target="_blank">Trade Gothic</a> No. 2 Negrita e Iluminado</td>
</tr>
<tr>
<td align="middle"><img style="margin: 10px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/clasicas/feedburner_logo.jpg" border="0" alt="FeedBurner Logo" hspace="0" vspace="10" width="200" height="49" /></td>
<td><a href="http://www.feedburner.com/" target="_blank"><strong>FeedBurner</strong></a> — <span class="caps">Optimización y seguimiento de RSS</span></p>
<p>Fuente: <a href="http://www.fontshop.com/fonts/downloads/linotype/trade_gothic_std_complete_vp/" target="_blank">Trade Gothic</a> Negrita</td>
</tr>
<tr>
<td align="middle"><img style="margin: 10px 0px;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/clasicas/1398957210_c6e2128410_o.png" alt="Newsvine Logo" hspace="0" vspace="10" width="159" height="33" /></td>
<td><a href="http://www.newsvine.com/" target="_blank"><strong>Newsvine</strong></a> — Compartiendo noticias<br />
Fuente: <a href="http://www.fontshop.com/fonts/downloads/fontfont/ff_meta_ot_1/" target="_blank"><span class="caps">FF</span> Meta Bold and Book</a></td>
</tr>
<tr>
<td align="middle"><img style="margin: 17px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/clasicas/standpoint_logo.gif" border="0" alt="StandPoint Logo" hspace="0" vspace="17" width="200" height="50" /></td>
<td><a href="http://www.standpoint.com/" target="_blank"><strong>StandPoint</strong></a> — Compartiendo ideas<br />
Fuente: <a href="http://www.fontshop.com/fonts/downloads/fontfont/ff_din_ot/" target="_blank"><span class="caps">FF</span> <span class="caps">DIN</span></a> Medium</td>
</tr>
<tr>
<td align="middle"><img src="http://www.fontshop.com/fontfeed/images/web20/dropsend_logo.gif" border="0" alt="" /></td>
<td><a href="http://www.dropsend.com/" target="_blank"><strong>DropSend</strong></a> — Compartiendo archivos<br />
Fuente: <a href="http://www.fontshop.com/fonts/downloads/linotype/frutiger_std_complete_vp/" target="_blank">Frutiger</a> Negrita</td>
</tr>
<tr>
<td align="middle"><img style="margin: 20px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/clasicas/flickr_logo.gif" border="0" alt="Flickr Logo" hspace="0" vspace="20" width="106" height="35" /></td>
<td><a href="http://www.flickr.com/" target="_blank"><strong>Flickr</strong></a> — Compartiendo fotos<br />
Fuente: <a href="http://www.fontshop.com/fonts/downloads/linotype/frutiger_std_complete_vp/" target="_blank">Frutiger</a> Black</td>
</tr>
<tr>
<td align="middle"><img style="margin-left: 0px; margin-right: 0px;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/clasicas/1418745159_ed26920fe9_o.png" alt="PureVolume Logo" hspace="0" width="192" height="32" /></td>
<td><a href="http://www.purevolume.com/" target="_blank"><strong>PureVolume</strong></a> — Promoción musical<br />
Fuente: <a href="http://www.fontshop.com/fonts/downloads/linotype/avenir_std_complete_vp/" target="_blank">Avenir</a> Book and Medium</td>
</tr>
<tr>
<td align="middle"><img style="margin: 10px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/clasicas/sutterfly_logo.gif" border="0" alt="Sutterfly Logo" hspace="0" vspace="10" width="170" height="50" /></td>
<td><a href="http://www.shutterfly.com/" target="_blank"><strong>Shutterfly</strong></a> — Servicio de fotos<br />
Fuente: <a href="http://www.fontshop.com/fonts/downloads/linotype/avenir_std_complete_vp/" target="_blank">Avenir</a> Heavy (rediseñado)</td>
</tr>
<tr>
<td align="middle"><img style="margin: 14px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/clasicas/9rules_logo.gif" border="0" alt="9rules Logo" hspace="0" vspace="14" width="130" height="64" /></td>
<td><a href="http://www.9rules.com/" target="_blank"><strong>9rules</strong></a> — Red de diseño web<br />
Fuente: <a href="http://www.fontshop.com/fonts/downloads/linotype/helvetica_std_complete_vp/" target="_blank">Helvetica</a> Bold</td>
</tr>
<tr>
<td align="middle"><img style="margin: 17px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/clasicas/podzinger_logo.gif" border="0" alt="PODZINGER Logo" hspace="0" vspace="17" width="190" height="54" /></td>
<td><a href="http://www.podzinger.com/" target="_blank"><strong><span class="caps">PODZINGER</span></strong></a> — Buscador de Podcasts<br />
Fuente: <a href="http://www.fontshop.com/fonts/singles/font_bureau/interstate_black/" target="_blank">Interstate Black</a></td>
</tr>
<tr>
<td align="middle"><img style="margin: 17px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/clasicas/campfire_logo.gif" border="0" alt="Campfire Logo" hspace="0" vspace="17" width="190" height="56" /></td>
<td><a href="http://www.campfirenow.com/" target="_blank"><strong>Campfire</strong></a> — Grupo de chat<br />
Fuente: <a href="http://www.fontshop.com/fonts/singles/font_bureau/interstate_regular/" target="_blank">Interstate Regular</a></td>
</tr>
<tr>
<td align="middle"><img style="margin: 10px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/clasicas/youtube_logo.gif" border="0" alt="YouTube Logo" hspace="0" vspace="10" width="120" height="48" /></td>
<td><a href="http://www.youtube.com/" target="_blank"><strong>YouTube</strong></a> — Compartiendo video<br />
Fuente: <a href="http://www.fontshop.com/fonts/downloads/linotype/alternate_gothic_com_complete_vp/" target="_blank">Alternate Gothic</a> No. Dos</td>
</tr>
<tr>
<td align="middle"><img style="margin: 10px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/clasicas/bloglines_logo.gif" border="0" alt="Bloglines Logo" hspace="0" vspace="10" width="200" height="44" /></td>
<td><a href="http://www.bloglines.com/" target="_blank"><strong>Bloglines</strong></a> — Agregador de noticias<br />
Fuente: <a href="http://www.fontshop.com/fonts/downloads/paratype/itc_officina_serif_multilingual_ot/" target="_blank"><span class="caps">ITC</span> Officina</a> Bold</td>
</tr>
<tr>
<td align="middle"><img style="margin: 17px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/clasicas/weblogsinc_logo.gif" border="0" alt="Weblogs, Inc Logo" hspace="0" vspace="17" width="200" height="42" /></td>
<td><a href="http://www.weblogsinc.com/" target="_blank"><strong>Weblogs, Inc.</strong></a> — Red de Blogs<br />
Fuente: <a href="http://www.fontshop.com/fonts/downloads/linotype/syntax_std_complete_vp/">Syntax</a> Bold</td>
</tr>
<tr>
<td align="middle"><img style="margin: 10px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/clasicas/wikipedia_logo.gif" border="0" alt="Wikipedia Logo" hspace="0" vspace="10" width="174" height="50" /></td>
<td><a href="http://en.wikipedia.org" target="_blank"><strong>Wikipedia</strong></a> — Enciclopedia pública<br />
Fuente: Hoefler Text</td>
</tr>
</tbody>
</table>
<h2><span style="color: #99cc33;">Nuevos clásicos</span></h2>
<p>Al igual que siempre habrá tendencias, también habrá siempre diseñadores que las rompan. Los siguientes logotipos evitan los anteriores estilos mencionados y utilizan nuevas tipografías con gran potencial de convertirse en clásicas. El tipo de letra se utiliza en toda la página web, en las cabeceras y hasta en los gráficos. Es una buena manera de reforzar la imagen de una marca. Dicha manera es bien aplicada por:</p>
<table border="0" width="420">
<tbody>
<tr align="left">
<td width="225" align="middle"><img style="margin: 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/clasicos/socialtext_logo.gif" border="0" alt="Socialtext Logo" hspace="0" vspace="0" width="165" height="40" /></td>
<td width="195"><a href="http://www.socialtext.com/" target="_blank"><strong>Socialtext</strong></a> — Enciclopedia pública<br />
Fuente: <a href="http://www.fontshop.com/fonts/downloads/fountain/lisboa_sans/" target="_blank">Lisboa Sans</a></td>
</tr>
<tr>
<td align="middle"><img style="margin: 20px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/clasicos/facebook_logo.gif" border="0" alt="Facebook Logo" hspace="0" vspace="20" width="176" height="33" /></td>
<td><a href="http://www.facebook.com" target="_blank"><strong>Facebook</strong></a> — Red social<br />
Fuente: <a href="http://www.fontshop.com/fonts/downloads/process/klavika_pack_2_ot/" target="_blank">Klavika</a> (rediseñado)</p>
<p>También: <a href="http://www.flickr.com/photos/avalonstar/52276644/in/photostream/" target="_blank">cards</a> con <a href="http://www.fontshop.com/search/?q=Vista%20Sans" target="_blank">Vista Sans</a></td>
</tr>
<tr>
<td align="middle"><img style="margin: 20px 0px; border: 0pt none;" src="http://blog.objetivocreativo.com/wp-content/uploads/fuentes/clasicos/joyent_proxima.gif" border="0" alt="Facebook Logo" hspace="0" vspace="20" width="176" height="33" /></td>
<td><a href="http://joyent.com" target="_blank"><strong>Joyent</strong></a> — Servidor de empresa pequeña<br />
Fuente: <a href="http://www.fontshop.com/fonts/downloads/mark_simonson/proxima_nova/" target="_blank">Proxima Nova</a></p>
<p>No tiene ningún Logo, pero lo tendrá algún día. No obstante, su fuente hace las veces de Logo.</td>
</tr>
</tbody>
</table>
<div name="googleone_share_1" style="float: right; margin-left: 10px;"><g:plusone size="tall" count="1" href="http://blog.objetivocreativo.com/fuentes-20/"></g:plusone></div>

<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://blog.objetivocreativo.com/fuentes-20/feed" rel="nofollow" class="external" title="&iquest;Quieres suscribirte a los comentarios de este Post?">&iquest;Quieres suscribirte a los comentarios de este Post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://blog.objetivocreativo.com/fuentes-20/&amp;title=Fuentes+2.0" rel="nofollow" class="external" title="Compartir con del.icio.us">Compartir con del.icio.us</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Fuentes+2.0+-+File: /data/app/webapp/functions.php<br />Line: 43<br />Message: Table 'b2l_shrinker.phurl_urls' doesn't exist&amp;source=shareaholic" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo en Twitter!">&iexcl;Comp&aacute;rtelo en Twitter!</a>
		</li>
		<li class="shr-bitacoras">
			<a href="http://bitacoras.com/anotaciones/http://blog.objetivocreativo.com/fuentes-20/" rel="nofollow" class="external" title="Enviar a Bitacoras">Enviar a Bitacoras</a>
		</li>
		<li class="shr-blogger">
			<a href="http://www.blogger.com/blog_this.pyra?t&amp;u=http://blog.objetivocreativo.com/fuentes-20/&amp;n=Fuentes+2.0&amp;pli=1" rel="nofollow" class="external" title="Blog this on Blogger">Blog this on Blogger</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://blog.objetivocreativo.com/fuentes-20/&amp;t=Fuentes+2.0" rel="nofollow" class="external" title="Compartir con Facebook">Compartir con Facebook</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://blog.objetivocreativo.com/fuentes-20/&amp;title=Fuentes+2.0&amp;summary=Nota%3A%20%22%C3%89ste%20articulo%20es%20una%20traducci%C3%B3n%20del%20original%20obtenido%20en%20http%3A%2F%2Ffontfeed.com%2Farchives%2Fthe-logos-of-web-20%2F%22%0D%0A%0D%0AActualizaci%C3%B3n%201%20de%20marzo%20de%202009%3A%20Despu%C3%A9s%20de%20un%20tiempo%20buscando%20fuentes%20de%20este%20articulo%20por%20aqu%C3%AD%20y%20por%20all%C3%A1%2C%20he%20conseguido%20hacerme%20con%20un%20total%20de%2045%20fuentes%20de%20las%20aqu%C3%AD%20most&amp;source=Blog Objetivo Creativo | Diseño Gráfico, Diseño Web y Publicidad | Gijón, Asturias" rel="nofollow" class="external" title="Compartir con LinkedIn">Compartir con LinkedIn</a>
		</li>
		<li class="shr-mail">
			<a href="mailto:?subject=%22Fuentes%202.0%22&amp;body=Link: http://blog.objetivocreativo.com/fuentes-20/ (sent via shareaholic)%0D%0A%0D%0A----%0D%0A Nota%3A%20%22%C3%89ste%20articulo%20es%20una%20traducci%C3%B3n%20del%20original%20obtenido%20en%20http%3A%2F%2Ffontfeed.com%2Farchives%2Fthe-logos-of-web-20%2F%22%0D%0A%0D%0AActualizaci%C3%B3n%201%20de%20marzo%20de%202009%3A%20Despu%C3%A9s%20de%20un%20tiempo%20buscando%20fuentes%20de%20este%20articulo%20por%20aqu%C3%AD%20y%20por%20all%C3%A1%2C%20he%20conseguido%20hacerme%20con%20un%20total%20de%2045%20fuentes%20de%20las%20aqu%C3%AD%20most" rel="nofollow" class="external" title="&iquest;Enviarlo a un amigo?">&iquest;Enviarlo a un amigo?</a>
		</li>
		<li class="shr-meneame">
			<a href="http://meneame.net/submit.php?url=http://blog.objetivocreativo.com/fuentes-20/" rel="nofollow" class="external" title="Enviar a Meneame">Enviar a Meneame</a>
		</li>
		<li class="shr-printfriendly">
			<a href="http://www.printfriendly.com/print?url=http://blog.objetivocreativo.com/fuentes-20/" rel="nofollow" class="external" title="Env&iacute;a esta p&aacute;gina a Print Friendly">Env&iacute;a esta p&aacute;gina a Print Friendly</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://blog.objetivocreativo.com/fuentes-20/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Fuente ecológica anticrisis</title>
		<link>http://blog.objetivocreativo.com/fuente-ecologica/</link>
		<comments>http://blog.objetivocreativo.com/fuente-ecologica/#comments</comments>
		<pubDate>Sat, 21 Feb 2009 14:02:09 +0000</pubDate>
		<dc:creator>Juanjo</dc:creator>
				<category><![CDATA[Tipografías]]></category>
		<category><![CDATA[fuentes]]></category>

		<guid isPermaLink="false">http://blog.objetivocreativo.com/?p=53</guid>
		<description><![CDATA[¿Os gusta el diseño de ésta fuente? ¿Plagado de agujeritos como si fuera un auténtico queso de Groulle? Es una fuente Sans Serif basada en la Verdana, y de uso libre, pero en éste caso los diseñadores de la fuente que os presento, no pensaron tanto en el diseño como en las ventajas económicas que [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.objetivocreativo.com%2Ffuente-ecologica%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.objetivocreativo.com%2Ffuente-ecologica%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p style="text-align: center;"><strong> </strong></p>
<p style="text-align: left;">
<p style="text-align: left;"><strong>¿Os gusta el diseño de ésta fuente? ¿Plagado de agujeritos como si fuera un auténtico queso de Groulle?</strong> Es una fuente Sans Serif basada en la Verdana, y de uso libre, pero en éste caso los diseñadores de la fuente que os presento, no pensaron tanto en el diseño como en las ventajas económicas que traerí­a usar su fuente.</p>
<p style="text-align: left;"><strong>Ya que la razón de esos agujeros, es según ellos, ahorrar tinta para su impresión en las imprentas!!</strong></p>
<p style="text-align: left;">Increíble pero cierto, y aunque puede parecer una broma, no lo es. Los creadores de ésta fuente tan original han creado lo que ellos llaman la fuente ecológica, y <a title="Fuente Ecofont" href="http://www.ecofont.eu/ecofont_es.html" target="_blank">en su web</a>, se han esforzado de verdad por hacer hincapié en todo lujo de detalles sobre los beneficios económicos y ecológicos que conlleva usar su fuente. En definitiva, se lo han planteado en serio, y lo han conseguido; crear una fuente ecológica.</p>
<p style="text-align: left;"><strong>Ellos dicen:</strong><em> </em></p>
<p style="text-align: left;"><em>&#8220;Las ideas más atractivas son simples: ¿Cuánta tinta se puede eliminar de una letra sin que esta pierda su legibilidad? Tras extensas pruebas con todo tipo de formas. Los mejores resultados se obtuvieron usando círculos pequeños. <strong>Se obtuvo una tipografía que gasta hasta 20% menos de tinta por impresión.</strong>&#8220;</em></p>
<p style="text-align: left;">Creada por los <a title="Spranq.nl" href="http://www.spranq.nl/en/" target="_blank">chicos de Spranq</a> y en su versión 2.0, basada en una fuente de codigo abierto y uso gratuito,<strong> está disponible aquí</strong>:</p>
<p style="text-align: left;"><strong>Descarga:</strong></p>
<ul style="text-align: left;">
<li><a title="Descarga de la fuente Ecofont" href="http://www.ecofont.nl/assets/files/spranq_eco_sans_regular.ttf" target="_blank">Ecofont.ttf</a></li>
<li><a title="Descarga de la fuente Ecofont" href="http://www.ecofont.nl/assets/files/spranq_eco_sans_regular.zip" target="_blank">Ecofont.zip</a></li>
</ul>
<div name="googleone_share_1" style="float: right; margin-left: 10px;"><g:plusone size="tall" count="1" href="http://blog.objetivocreativo.com/fuente-ecologica/"></g:plusone></div>

<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://blog.objetivocreativo.com/fuente-ecologica/feed" rel="nofollow" class="external" title="&iquest;Quieres suscribirte a los comentarios de este Post?">&iquest;Quieres suscribirte a los comentarios de este Post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://blog.objetivocreativo.com/fuente-ecologica/&amp;title=Fuente+ecol%C3%B3gica+anticrisis" rel="nofollow" class="external" title="Compartir con del.icio.us">Compartir con del.icio.us</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Fuente+ecol%C3%B3gica+anticrisis+-+File: /data/app/webapp/functions.php<br />Line: 43<br />Message: Table 'b2l_shrinker.phurl_urls' doesn't exist&amp;source=shareaholic" rel="nofollow" class="external" title="&iexcl;Comp&aacute;rtelo en Twitter!">&iexcl;Comp&aacute;rtelo en Twitter!</a>
		</li>
		<li class="shr-bitacoras">
			<a href="http://bitacoras.com/anotaciones/http://blog.objetivocreativo.com/fuente-ecologica/" rel="nofollow" class="external" title="Enviar a Bitacoras">Enviar a Bitacoras</a>
		</li>
		<li class="shr-blogger">
			<a href="http://www.blogger.com/blog_this.pyra?t&amp;u=http://blog.objetivocreativo.com/fuente-ecologica/&amp;n=Fuente+ecol%C3%B3gica+anticrisis&amp;pli=1" rel="nofollow" class="external" title="Blog this on Blogger">Blog this on Blogger</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://blog.objetivocreativo.com/fuente-ecologica/&amp;t=Fuente+ecol%C3%B3gica+anticrisis" rel="nofollow" class="external" title="Compartir con Facebook">Compartir con Facebook</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://blog.objetivocreativo.com/fuente-ecologica/&amp;title=Fuente+ecol%C3%B3gica+anticrisis&amp;summary=%20%0D%0A%0D%0A%C2%BFOs%20gusta%20el%20dise%C3%B1o%20de%20%C3%A9sta%20fuente%3F%20%C2%BFPlagado%20de%20agujeritos%20como%20si%20fuera%20un%20aut%C3%A9ntico%20queso%20de%20Groulle%3F%20Es%20una%20fuente%20Sans%20Serif%20basada%20en%20la%20Verdana%2C%20y%20de%20uso%20libre%2C%20pero%20en%20%C3%A9ste%20caso%20los%20dise%C3%B1adores%20de%20la%20fuente%20que%20os%20presento%2C%20no%20pensaron%20tanto%20en%20el%20dise%C3%B1o%20como%20en%20las%20ventajas%20econ&amp;source=Blog Objetivo Creativo | Diseño Gráfico, Diseño Web y Publicidad | Gijón, Asturias" rel="nofollow" class="external" title="Compartir con LinkedIn">Compartir con LinkedIn</a>
		</li>
		<li class="shr-mail">
			<a href="mailto:?subject=%22Fuente%20ecol%C3%B3gica%20anticrisis%22&amp;body=Link: http://blog.objetivocreativo.com/fuente-ecologica/ (sent via shareaholic)%0D%0A%0D%0A----%0D%0A %20%0D%0A%0D%0A%C2%BFOs%20gusta%20el%20dise%C3%B1o%20de%20%C3%A9sta%20fuente%3F%20%C2%BFPlagado%20de%20agujeritos%20como%20si%20fuera%20un%20aut%C3%A9ntico%20queso%20de%20Groulle%3F%20Es%20una%20fuente%20Sans%20Serif%20basada%20en%20la%20Verdana%2C%20y%20de%20uso%20libre%2C%20pero%20en%20%C3%A9ste%20caso%20los%20dise%C3%B1adores%20de%20la%20fuente%20que%20os%20presento%2C%20no%20pensaron%20tanto%20en%20el%20dise%C3%B1o%20como%20en%20las%20ventajas%20econ" rel="nofollow" class="external" title="&iquest;Enviarlo a un amigo?">&iquest;Enviarlo a un amigo?</a>
		</li>
		<li class="shr-meneame">
			<a href="http://meneame.net/submit.php?url=http://blog.objetivocreativo.com/fuente-ecologica/" rel="nofollow" class="external" title="Enviar a Meneame">Enviar a Meneame</a>
		</li>
		<li class="shr-printfriendly">
			<a href="http://www.printfriendly.com/print?url=http://blog.objetivocreativo.com/fuente-ecologica/" rel="nofollow" class="external" title="Env&iacute;a esta p&aacute;gina a Print Friendly">Env&iacute;a esta p&aacute;gina a Print Friendly</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://blog.objetivocreativo.com/fuente-ecologica/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

