# Tipografia com foco ao web design: fonte, tipo, tipologia e tipografia > Domine tipografia com foco em web design. Entenda fonte, tipo, tipologia e princípios fundamentais para criar layouts digitais profissionais! URL: https://dpw.dev/design/tipografia-foco-web-design-fonte-tipo-tipologia-tipografia/ Publicado em: 2017-03-27 Categoria: design Tags: tipografia, web-design Autor: Tárcio Zemel Neste artigo sobre **tipologia na web** e seu uso em sites, algumas "questões tipográficas" serão apresentadas e, muito importante, reforçadas as diferenças entre termos comuns e frequentemente confundidos, como "tipologia", "tipografia", "tipo", "fonte" e "fonte tipográfica". ## Considerações sobre a prática tipográfica na web Os web sites, hot sites, mini sites, portais, sistemas web e softwares, campanhas online e o material encontrado na web, em geral, estão atualmente em uma fase de "amadurecimento". As pessoas ainda estudam as melhores técnicas e possibilidades sobre o desenvolvimento para web e, devido a esta área do conhecimento ainda ser relativamente recente, ainda não se tem posicionamentos oficiais a respeito -- na verdade, nem nas áreas de conhecimento e estudos "tradicionais" --, o que resultado em uma produção em massa de um material que poderia ter mais qualidade do que se vê. A relativa facilidade de contato com o desenvolvimento web e, até certo ponto, ausência de obstáculos para se adentrar no ramo -- fora o fato da disseminação de cursos do tipo "Web Design em 6 meses" e "Faculdade de web design", que aparecem mais e mais --, todos estes figuram como incentivadores às pessoas. ![Exemplo de tipo para web (tipografia web)](/images/blog/tipografia-foco-web-design-fonte-tipo-tipologia-tipografia/1490665032-tipografia-foco-web-design-fonte-tipo-tipologia-tipografia-exemplo.webp) Num mundo perfeito não haveria tantos equívocos. A priori, pelo menos, é possível evitar alguns que são muito conhecidos, como é o caso da terminologia: **tipologia** e **tipografia**. ## Tipologia ou Tipografia Apesar de serem parecidos, os termos **tipologia** e **tipografia** são diferentes e, para não errar mais nunca, há que se dar a devida importância para isto. Aliás, não é apenas algum tipo de "capricho" de quem faz a confusão; a própria grafia e pronúncia são um pouco semelhantes e realmente podem causar confusão. Em um [breve - mas muito bom - artigo sobre tipologia e tipografia](http://webinsider.com.br/2003/03/03/tipologia-ou-tipografia-nao-use-o-termo-errado/ "Ler o artigo de Sergio D Stefano, no Webinsider."), **Sergio D Stefano**, colunista do [Webinsider](https://webinsider.com.br/ "Acessar o Webinsider."), explica a diferença entre os termos: > Uma grande bobagem que tenho ouvido ao longo dos anos é a insistência no uso do termo tipologia a para classificação de tipos. Tipologia na verdade é um termo pertencente à taxionomia, a ciência das classificações, o estudo das características das diferenças entre objetos e seres vivos de toda espécie. > > Nós temos a tipografia que, aí sim, é a arte e processo de criação de caracteres. A tipografia tem origem etimológica na implantação da impressão por tipos móveis na Europa, a partir do século XV. Portanto é a forma certa. Na maioria das vezes pode parecer bobagem "ficar cismado" com falar uma palavra errada aqui, outra acolá, já que o que importa, mesmo, é entender sobre o assunto, em suas diversas nuances. Entretanto, ao utilizar um termo erroneamente estamos, em primeiro lugar, errando -- e fazer isso, por exemplo, na presença de um cliente, pode ser muito desagradável -- e, depois, **transmitindo um conhecimento errado**, propagando um equívoco que, se tivéssemos estudado um pouquinho mais a respeito, teríamos evitado. > Um profissional deve usar corretamente os termos de sua(s) área(s) de atuação. Não seria diferente para profissionais de web. Então, para acabar de vez com este equívoco sobre **tipologia** e **tipografia** e, a partir de agora usar o termo correto, quando se está querendo referenciar a atividade de criação/estudo de **tipos**, usa-se o termo **tipografia**. Combinado? ## Um pouco mais de informação sobre a Tipografia [Mais uma vez utilizando o bom conteúdo da Wikipédia](https://pt.wikipedia.org/wiki/Tipografia), eis uma sucinta explicação sobre a Tipografia: > A tipografia (do grego typos -- "forma" -- e graphein -- "escrita") é a arte e o processo de criação na composição de um texto, física ou digitalmente. Assim como no design gráfico em geral, o objetivo principal da tipografia é dar ordem estrutural e forma à comunicação impressa. Tipografia também é um termo usado para a gráfica que usa uma prensa de tipos móveis. > > Na maioria dos casos, uma composição tipográfica deve ser especialmente legível e visualmente envolvente, sem desconsiderar o contexto em que é lido e os objetivos da sua publicação. Em trabalhos de design gráfico experimental (ou de vanguarda) os objetivos formais extrapolam a funcionalidade do texto, portanto questões como legibilidade, nesses casos, podem acabar sendo relativas. > > 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 (ou seja, os tipógrafos) costumam se preocupar com a escolha do papel adequado, da tinta e dos métodos de impressão. Apesar de estes conceitos e definições terem foco especialmente às mídias impressas, é perfeitamente possível e aceitável "adaptar" tudo e pensar sobre a tipografia com foco ao web design. ## "Tipo", "Fonte" e "Fonte Tipográfica" Outros equívocos que são feitos quanto à terminologia tipográfica é a respeito dos termos "**tipo**", "**fonte**" e "**fonte tipográfica**" -- na verdade, os equívocos dizem respeito mais aos dois primeiros. Novamente, para se ter clareza e precisão enquanto profissionais da web, é preciso evitar equívocos desnecessários e facilmente evitados. "**Fonte**" e "**Tipo**", na verdade, querem dizer a mesma coisa. Entretanto, devido ao mau uso do termo, principalmente por traduções mal-feitas de softwares estrangeiros para a língua portuguesa -- editores de texto, por exemplo, usam o termo "fonte", quando o correto deveria ser "tipo" --, o uso corrente e disseminação deste termo para designar **tipos** foi inevitável. Tanto que, em [explicação a este respeito](http://pt.wikipedia.org/wiki/Fontes_tipogr%C3%A1ficas "Explicação sobre Fonte Tipográfica, na Wikipédia."), consta que a tradução para português de Portugal, nestes programas, ficou "**Tipo de Letra**" (que é mais certo) ao invés de "**Tipo de Fonte**" (que é o equivocado). E, quanto à "fonte tipográfica", o termo é usado para diferenciar e referenciar que se está falando sobre "fontes de tipos" ao invés das outras significações de "fonte", como "fonte de informações" ou "fonte d'água". ## Conclusão É importante, então, que se usem os termos corretos quando se estiver lidando com o estudo da tipografia e assuntos tipográficos, em geral, não fazendo confusão entre termos que, aparentemente, queiram dizer a mesma coisa. "Fonte" virou sinônimo de "Tipo" principalmente em função de traduções famosas equivocadas, mas o correto é "**tipo de letra**" ao invés de "tipo de fonte". Um profissional deve usar corretamente os termos de sua(s) área(s) de atuação. Não seria diferente para profissionais de web. --- Fonte: [dpw - desenvolvimento para web](https://dpw.dev/) (pt-BR). Guia para agentes: https://dpw.dev/llms.txt Índice completo: https://dpw.dev/sitemap-index.xml Feed: https://dpw.dev/rss.xml