<?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>Sat, 31 Jul 2010 18:45:26 +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://fontfeed.com/images/web20/clipshack_logo.gif" border="0" alt="ClipShack Logo" hspace="0" /></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 src="http://www.fontshop.com/fontfeed/images/web20/zimbra_logo.gif" border="0" alt="Zimbra Logo" hspace="0" vspace="17" /></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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/myspace_logo.gif" border="0" alt="MySpace Logo" hspace="0" vspace="12" /></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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/spongecell_logo.gif" border="0" alt="Spongecell Logo" hspace="0" /></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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/photobucket_logo.gif" border="0" alt="Photobucket Logo" hspace="0" vspace="12" /></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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://farm2.static.flickr.com/1384/1398915726_b30cfb6c45_o.gif" alt="NewsGator Logo" hspace="0" vspace="0" /></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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/technorati_logo.gif" border="0" alt="Technorati Logo" hspace="0" vspace="0" /></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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/shoutwire_logo.gif" border="0" alt="Shoutwire Logo" hspace="0" vspace="10" /></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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://farm2.static.flickr.com/1169/1398957210_c6e2128410_o.png" alt="Newsvine Logo" hspace="0" vspace="10" /></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 src="http://www.fontshop.com/fontfeed/images/web20/standpoint_logo.gif" border="0" alt="StandPoint Logo" hspace="0" vspace="17" /></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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://farm2.static.flickr.com/1032/1418745159_ed26920fe9_o.png" alt="PureVolume Logo" hspace="0" /></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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/podzinger_logo.gif" border="0" alt="PODZINGER Logo" hspace="0" vspace="17" /></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 src="http://www.fontshop.com/fontfeed/images/web20/campfire_logo.gif" border="0" alt="Campfire Logo" hspace="0" vspace="17" /></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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/bloglines_logo.gif" border="0" alt="Bloglines Logo" hspace="0" vspace="10" /></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 src="http://www.fontshop.com/fontfeed/images/web20/weblogsinc_logo.gif" border="0" alt="Weblogs, Inc Logo" hspace="0" vspace="17" /></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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/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 src="http://www.fontshop.com/fontfeed/images/web20/joyent_proxima.gif" border="0" alt="Joyent Proxima" hspace="0" /></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 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 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>
