<?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>Design.Blog.br &#187; fonte</title>
	<atom:link href="http://design.blog.br/tag/fonte/feed" rel="self" type="application/rss+xml" />
	<link>http://design.blog.br</link>
	<description>Blog de design gráfico, web design, design de produto e universo freelancer</description>
	<lastBuildDate>Thu, 11 Mar 2010 13:00:55 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>pt</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Fonte tipográfica beneficente</title>
		<link>http://design.blog.br/geral/fonte-tipografica-beneficiente</link>
		<comments>http://design.blog.br/geral/fonte-tipografica-beneficiente#comments</comments>
		<pubDate>Mon, 22 Feb 2010 13:47:00 +0000</pubDate>
		<dc:creator>Canha</dc:creator>
				<category><![CDATA[Geral]]></category>
		<category><![CDATA[fonte]]></category>
		<category><![CDATA[tipo]]></category>
		<category><![CDATA[Tipografia]]></category>

		<guid isPermaLink="false">http://design.blog.br/?p=2217</guid>
		<description><![CDATA[
			
				
			
		
Parece que hoje em dia ninguém quer doar dinheiro sem ganhar nada em troca. São campanhas beneficentes que oferecem um jantar caro, ou até mesmo uma placa com seu nome por dar dinheiro a uma causa. Tem gente que até faz e vende fontes tipográficas especiais.


O objetivo da SOTA (Society of Typographic Aficionados &#8211; ou [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fdesign.blog.br%2Fgeral%2Ffonte-tipografica-beneficiente"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=?url=http%3A%2F%2Fdesign.blog.br%2Fgeral%2Ffonte-tipografica-beneficiente&amp;source=design_blog&amp;style=normal&amp;service=bit.ly" height="61" width="51" /><br />
			</a>
		</div>
<p>Parece que hoje em dia ninguém quer doar dinheiro sem ganhar nada em troca. São campanhas beneficentes que oferecem um jantar caro, ou até mesmo uma placa com seu nome por dar dinheiro a uma causa. Tem gente que até faz e vende fontes tipográficas especiais.</p>
<p><span id="more-2217"></span></p>
<p><img src="http://design.blog.br/wp-content/uploads/2010/02/fonte.jpg" alt="" title="fonte" width="540" height="323" class="alignnone size-full wp-image-2218" /></p>
<p>O objetivo da SOTA (<em>Society of Typographic Aficionados</em> &#8211; ou &#8220;Sociedade de Aficionados por Tipografia&#8221; em tradução livre) ao criar a fonte &#8220;Coming Toghether&#8221; era de poder beneficiar vítimas do terremoto no Haiti.</p>
<p>A fonte &#8211; que contém mais de 400 &#038;&#8217;s &#8211; teve a contribuição do mesmo número de tipógrafos espalhados por quase 40 países (inclusive alguns brasileiros) e é fornecido como uma única fonte multi-plataforma OpenType.</p>
<p>Ela está sendo vendida a US$ 20 e pode ser adquirida pelas distribuidoras de fontes <a href="http://www.ascenderfonts.com/font/coming-together-font.aspx">Ascender Fonts</a>, <a href="http://www.veer.com/products/typedetail.aspx?image=UMT0000515">Veer</a>, <a href="http://www.fontshop.com/fonts/foundry/sota/">FontShop</a>, e <a href="http://new.myfonts.com/fonts/fontaid/coming-together/">MyFonts</a>. O valor integral será repassado ao fundo do <a href="http://www.doctorswithoutborders.org/">Doctors Without Borders</a> (&#8220;Médicos Sem Fronteiras&#8221;) que está prestando ajuda no Haiti.</p>
<p><strong>Você acha que é uma ação válida? Você compraria esta fonte para ajudar vítimas de desastres naturais?</strong></p>
<p>Update: Obrigado André Luiz pela correção de título ;)</p>
<p>Aproveite e siga o <a href="http://twitter.com/design_blog">Design Blog no Twitter</a>! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.</p>.<h2  class="related_post_title">Artigos relacionados</h2><ul class="related_post"><li><a href="http://design.blog.br/design-grafico/o-que-e-tipografia" title="O que é tipografia?">O que é tipografia?</a></li><li><a href="http://design.blog.br/geral/download-da-fonte-helvetica" title="Download da fonte Helvetica">Download da fonte Helvetica</a></li><li><a href="http://design.blog.br/design-grafico/videos-tipograficos-exemplos-e-tutoriais" title="Vídeos tipográficos &#8211; Exemplos e tutoriais">Vídeos tipográficos &#8211; Exemplos e tutoriais</a></li><li><a href="http://design.blog.br/design-grafico/poster-tipograficos-incriveis" title="Posters tipográficos incríveis">Posters tipográficos incríveis</a></li><li><a href="http://design.blog.br/design-grafico/por-que-banir-o-comic-sans" title="Por que banir o Comic Sans?">Por que banir o Comic Sans?</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://design.blog.br/geral/fonte-tipografica-beneficiente/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Download da fonte Helvetica</title>
		<link>http://design.blog.br/geral/download-da-fonte-helvetica</link>
		<comments>http://design.blog.br/geral/download-da-fonte-helvetica#comments</comments>
		<pubDate>Mon, 07 Sep 2009 12:00:23 +0000</pubDate>
		<dc:creator>Canha</dc:creator>
				<category><![CDATA[Geral]]></category>
		<category><![CDATA[Download]]></category>
		<category><![CDATA[fonte]]></category>
		<category><![CDATA[helvetica]]></category>
		<category><![CDATA[Tipografia]]></category>

		<guid isPermaLink="false">http://design.blog.br/?p=1489</guid>
		<description><![CDATA[
			
				
			
		
Muita gente chega aqui no Design Blog procurando por &#8220;download da fonte Helvetica grátis&#8221;. Há boas e más notícias quanto a isto.

A família tipográfica Helvetica foi criada por Max Miedinger em 1957 para a tipografia suíça Haas’sche Schriftgießerei. Já escrevi sobre ela no artigo &#8220;Helvetica &#8211; a fonte mais famosa&#8220;.




O que muita gente não sabe [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fdesign.blog.br%2Fgeral%2Fdownload-da-fonte-helvetica"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=?url=http%3A%2F%2Fdesign.blog.br%2Fgeral%2Fdownload-da-fonte-helvetica&amp;source=design_blog&amp;style=normal&amp;service=bit.ly" height="61" width="51" /><br />
			</a>
		</div>
<p>Muita gente chega aqui no Design Blog procurando por &#8220;download da fonte Helvetica grátis&#8221;. Há boas e más notícias quanto a isto.</p>
<p><span id="more-1489"></span></p>
<p>A família tipográfica Helvetica foi criada por Max Miedinger em 1957 para a tipografia suíça Haas’sche Schriftgießerei. Já escrevi sobre ela no artigo &#8220;<a href="http://design.blog.br/tipografia/helvetica-a-fonte-mais-famosa">Helvetica &#8211; a fonte mais famosa</a>&#8220;.</p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-3584209085591350";
/* 468x15, criado 04/09/09 */
google_ad_slot = "0897832506";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<p>O que muita gente não sabe é que esta é uma fonte proprietária. Ou seja, <strong>não dá pra baixar de graça</strong>. A fonte custa em média 24 Euros pelo site <a href="http://www.linotype.com/526/helvetica-family.html?PHPSESSID=afa2abdf014cbea88f951e0dee1e021c">Linotype</a>. Fazer o download dela de graça é ilegal. Simples assim.</p>
<p>No entanto, a boa notícia é que há fontes bem similares a Helvetica que podem ser baixadas de graça. Uma rápida pesquisa em alguns sites retornam fontes como <a href="http://www.sofontes.com.br/busca.php?busca=helvetica">Sanskrit Helvetica</a>. Essa é bem similar a Helvetica e é de graça.</p>
<p>Outra solução seria usar Arial e fazer as alterações mínimas via vetor. Fica a critério de cada um. Deixo claro que, por motivos legais, este blog condena a pirataria. Espero que, de uma vez por todas, este problema esteja resolvido.</p>
<p>Aproveite e siga o <a href="http://twitter.com/design_blog">Design Blog no Twitter</a>! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.</p>.<h2  class="related_post_title">Artigos relacionados</h2><ul class="related_post"><li><a href="http://design.blog.br/geral/fonte-tipografica-beneficiente" title="Fonte tipográfica beneficente">Fonte tipográfica beneficente</a></li><li><a href="http://design.blog.br/design-grafico/helvetica-a-fonte-mais-famosa" title="Helvetica &#8211; a fonte mais famosa">Helvetica &#8211; a fonte mais famosa</a></li><li><a href="http://design.blog.br/design-grafico/o-que-e-tipografia" title="O que é tipografia?">O que é tipografia?</a></li><li><a href="http://design.blog.br/geral/modelos-de-planos-de-marketing-com-downloads" title="Modelos de Planos de Marketing (com downloads)">Modelos de Planos de Marketing (com downloads)</a></li><li><a href="http://design.blog.br/geral/photoshop-no-iphone" title="Photoshop no iPhone">Photoshop no iPhone</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://design.blog.br/geral/download-da-fonte-helvetica/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>O que é tipografia?</title>
		<link>http://design.blog.br/design-grafico/o-que-e-tipografia</link>
		<comments>http://design.blog.br/design-grafico/o-que-e-tipografia#comments</comments>
		<pubDate>Mon, 05 Nov 2007 10:15:45 +0000</pubDate>
		<dc:creator>Canha</dc:creator>
				<category><![CDATA[Design Gráfico]]></category>
		<category><![CDATA[aprendizado]]></category>
		<category><![CDATA[fonte]]></category>
		<category><![CDATA[tipo]]></category>
		<category><![CDATA[Tipografia]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[vídeo]]></category>

		<guid isPermaLink="false">http://digitalpaperweb.com.br/ezine/tipografia/o-que-e-tipografia</guid>
		<description><![CDATA[
			
				
			
		
Em design só se fala sobre tipografia e tipologia. Afinal, o que é isso? Qual a importância da tipografia na vida do designer gráfico? No que consiste a tipografia? Está na hora de responder suas perguntas.


O que significa?
Tipografia é a impressão dos tipos. Está morrendo com o computador. Tipologia é o estudo da formação dos [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fdesign.blog.br%2Fdesign-grafico%2Fo-que-e-tipografia"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=?url=http%3A%2F%2Fdesign.blog.br%2Fdesign-grafico%2Fo-que-e-tipografia&amp;source=design_blog&amp;style=normal&amp;service=bit.ly" height="61" width="51" /><br />
			</a>
		</div>
<p>Em design só se fala sobre tipografia e tipologia. Afinal, o que é isso? Qual a importância da tipografia na vida do designer gráfico? No que consiste a tipografia? Está na hora de responder suas perguntas.</p>
<p><span id="more-130"></span></p>
<p><a href="http://rachel-speed.deviantart.com/art/Typography-43384000"><img alt="O que é tipografia?" src="http://design.blog.br/wp-content/uploads/2009/10/typo.jpg" title="O que é tipografia?" class="alignnone" width="540" height="100" /></a></p>
<h2>O que significa?</h2>
<p>Tipografia é a impressão dos tipos. Está morrendo com o computador. Tipologia é o estudo da formação dos tipos. Cresce a cada dia. Mas no final, a nomenclatura usada é tipografia. Como fonte (família do tipo) é atualmente chamada de tipo.</p>
<p>O termo tipo é o desenho de uma determinada família de letras como por exemplo: verdana, futura, arial, etc. As variações dessas letras (ligth, itálico e negrito, por exemplo) de uma determinada família são as fontes desenhadas para a elaboração de um conjunto completo de caracteres que consta do alfabeto em caixa alta e caixa baixa, números, símbolos e pontuação.</p>
<p>Os tipos constituem a principal ferramenta de comunicação. As faces alternativas de tipos permitem que você dê expressão ao documento, para transmitir instantaneamente, e não-verbalmente, atmosfera e imagem</p>
<p>No uso da tipografia o interesse visual é realizado através da escolha adequada de fontes tipográficas, composição (ou layout) de texto, a sensibilidade para o tom do texto e a relação entre texto e os elementos gráficos na página. Todos esses fatores são combinados para que o layout final tenha uma “atmosfera” ou “ressonância” apropriada ao conteúdo abordado. No caso da mídia impressa, designers gráficos costumam se preocupar com a escolha do papel adequado, da tinta e dos métodos de impressão.</p>
<p><span class="quote">O conhecimento da tipografia é essencial aos designers</span>O conhecimento adequado do uso da tipografia é essencial aos designers que trabalham com diagramação, ou seja, na relação de texto e imagem. Logo a tipografia é um dos pilares do design gráfico e uma matéria necessária aos cursos de design. Para o designer que se especializa nessa área, a tipografia costuma se revelar um dos aspectos mais complexos e sofisticados do design gráfico.</p>
<h2>Classificação das fontes</h2>
<p>Na tipografia, as fontes tipográficas (ou apenas fontes) são classificadas em 4 grupos básicos: <strong>as com serifas, as sem serifas, as cursivas e as fontes dingbats</strong>.</p>
<p><img src="http://design.blog.br/wp-content/uploads/2009/10/tipo_01.jpg" alt="Tipos de fontes tipográficas" /></p>
<h2>Elementos das fontes</h2>
<p>Toda e qualquer fonte tipográfica é composto por elementos distintos, tais como:</p>
<ul>
<li>Linha de Base (baseline)</li>
<li>Linha Central (meanline ou midline)</li>
<li>Ascendente (ascender)</li>
<li>Descendente (descender)</li>
<li>Letra Caixa Alta (upper-case)</li>
<li>Letra Caixa-baixa (lower-case)</li>
<li>Altura de x (x-height)</li>
<li>Cabeça ou Ápice (apex)</li>
<li>Serifa (serif)</li>
<li>Barriga ou Pança (bowl)</li>
<li>Haste ou Fuste (stem)</li>
<li>Montante ou Trave (diagonal stroke)</li>
<li>Base ou Pé (foot)</li>
<li>Barra (bar)</li>
<li>Bojo (counter)</li>
<li>Etc</li>
</ul>
<p><img src="http://design.blog.br/wp-content/uploads/2009/10/tipo_02.jpg" alt="Características da tipografia" /></p>
<p>O arranjo de tipos é a seleção de fonte, altura da letra (point size), largura da linha, espaçamento entre-linha (leading) e espaçamento entre-letras (kerning). Isto tudo visa <strong>melhorar a legibilidade do texto a ser escrito</strong>, facilitando o entendimento dele além de providenciar um conforto aos olhos de quem lê.</p>
<p><strong>Não confunda leiturabilidade com legibilidade</strong>: Leiturabilidade é relacionada a língua em que o texto é escrito ou entendido &#8211; diz respeito a dificuldade da língua em si, e não sua aparência. A ergonomia é uma das disciplinas que estuda o efeito da tipografia nos seres humanos, examinando o conforto visual, o entendimento da mensagem, entre outras coisas.</p>
<h2>Alinhamento</h2>
<p>Há cinco maneiras básicas de organizar as linhas de composição em uma página:<br />
1) <strong>Justificada:</strong> todas as linhas têm o mesmo comprimento e são alinhadas tanto a esquerda quanto a direita.<br />
2) <strong>Não-justificada á direita</strong>: as linhas têm diferentes comprimentos e são todas alinhadas á esquerda e irregulares a direita.<br />
3) <strong>Não-justificada á esquerda</strong>: as linhas têm diferentes comprimentos e são alinhadas á direita e irregulares a esquerda.<br />
4) <strong>Centralizada</strong>: as linhas têm tamanho desigual, com ambos os lados irregulares.<br />
5) <strong>Assimétrica</strong>: um arranjo sem padrão previsível na colocação das linhas.</p>
<p><img src="http://design.blog.br/wp-content/uploads/2009/10/typo_03.jpg" alt="Alinhamento de parágrafos" /></p>
<h2>Dicas importantes</h2>
<p><strong>Alinhamento:</strong> Evite alinhamento centralizado em textos longos. O excesso de espaço branco nas laterais tende a fazer a pessoa se perder. Opte por textos alinhados a esquerda, sem justificativa (caso as palavras fiquem com espaçamento grande d&nbsp;&nbsp;&nbsp;e&nbsp;&nbsp;&nbsp;m&nbsp;&nbsp;&nbsp;a&nbsp;&nbsp;&nbsp;i&nbsp;&nbsp;&nbsp;s&nbsp;&nbsp;&nbsp;entre elas)</p>
<p><strong>Contraste:</strong> Nunca utilize tipo claro em fundo claro, ou tipo escuro em fundo escuro. Opte sempre pelo contraste. Afinal de contas, texto é para ser lido! Para impressos, o melhor é sempre letra preta no papel branco. Já para os computadores, há muita divergência de opiniões: para muitos, letra branca em fundo preto é menor pois na tela o branco é uma luz emitida, enquanto o preto é ausente (o que supostamente deveria facilitar a leitura além de não consumir tanta energia elétrica). Mas isto ainda é disputado. De qualquer maneira, <strong>contraste sempre</strong>.</p>
<p><strong>Use apenas uma categoria de fonte:</strong> Se você fizer um texto todo com uma fonte serifada, utilize apenas fontes serifadas no resto do texto. Não mude no meio do caminho, pois isso pode trazer uma confusão visual ao leitor. Claro que se você quiser usar uma fonte como título de um texto e prosseguir com uma fonte diferente, manda bala. Mas&#8230;</p>
<p><strong>Se for mudar de fonte, deixe óbvio a mudança;</strong> Dá pra criar um texto com título em Georgia e corpo do texto em Helvetica (serifada e sem-serifa, respectivamente). Mas deixe óbvio a mudança &#8211; use uma cor diferente, um fundo diferente, ou um tamanho de letra diferente. Além de criar um impacto visual melhor, a pessoa não fica achando que o designer errou na hora de utilizar suas fontes.<br />
<img src="http://design.blog.br/wp-content/uploads/2009/10/tipo_04.jpg" alt="Contraste" /></p>
<p><strong>Não se esqueça dos <a href="http://design.blog.br/tutorial/tres-principios-basicos-do-design">princípios básicos do design</a></strong>. Já fiz um artigo sobre isto antes.</p>
<h2>Vídeos tipográficos</h2>
<p>Para finalizar, confira alguns vídeos interessantes:</p>
<p><strong>O que é tipografia.</strong> Vídeo em inglês bem produzido explicando rápidamente o que vêm a ser tipografia. <a href="http://www.youtube.com/watch?v=2o1U4o1bc2k">Link do YouTube</a>.<br />
<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/2o1U4o1bc2k"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/2o1U4o1bc2k" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></p>
<p><strong>Escola Tipográfica.</strong> Vídeo em inglês promovendo uma escola tipográfica. <a href="http://www.youtube.com/watch?v=1Xg5O0l7ybY">Link do YouTube</a>.<br />
<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/1Xg5O0l7ybY"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/1Xg5O0l7ybY" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></p>
<h2>Bibliografia</h2>
<ul>
<li><a href="http://ilovetypography.com/">I Love Typography</a></li>
<li><a href="http://en.wikipedia.org/wiki/Typography">Wikipedia</a></li>
<li><a href="http://www.typeculture.com/academic_resource/">Type-Culture Academic Resource</a></li>
<p>Aproveite e siga o <a href="http://twitter.com/design_blog">Design Blog no Twitter</a>! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.</p>.<h2  class="related_post_title">Artigos relacionados</h2><ul class="related_post"><li><a href="http://design.blog.br/geral/fonte-tipografica-beneficiente" title="Fonte tipográfica beneficente">Fonte tipográfica beneficente</a></li><li><a href="http://design.blog.br/design-grafico/videos-tipograficos-exemplos-e-tutoriais" title="Vídeos tipográficos &#8211; Exemplos e tutoriais">Vídeos tipográficos &#8211; Exemplos e tutoriais</a></li><li><a href="http://design.blog.br/design-grafico/o-que-e-cmyk" title="O que é CMYK?">O que é CMYK?</a></li><li><a href="http://design.blog.br/geral/quatro-principios-basicos-do-design" title="Quatro princípios básicos do design">Quatro princípios básicos do design</a></li><li><a href="http://design.blog.br/geral/download-da-fonte-helvetica" title="Download da fonte Helvetica">Download da fonte Helvetica</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://design.blog.br/design-grafico/o-que-e-tipografia/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
	</channel>
</rss>
