Seleção de fontes

Seleção de fontes

Seleção de fontes gratuitas que personalizarão suas imagens na web ou em qualquer desenho gráfico:

Reis

tipografia-reis

Esta fonte transmite frescor, jovialidade e ritmo, é uma fonte do tipo Script que em títulos ou imágens com textos curtos se visualiza e lê bem. Infelizmente sua versão é só em maiúsculas, regular e sem acentos, em formatos ttf e otf.

Um truque para que suas imagens fiquem acentuadas corretamente é sobrepor uma camada transparente e com o pincel com tamanho adequado desenhá-los, depois para aperfeiçoar o estilo você pode dar pequenos retoques com a ferramenta borracha.

Foi criada por Marcelo Reis Melo, para baixá-la gratuitamente você precisa se registrar e compartilhá-la no Facebook ou Twitter. É possível usá-la também em projetos comerciais.

Komoda

tipografia-komoda

Fonte elegante e muito atual. Da categoria Sans Serif, é ideal para títulos e cartazes. Sua versão só está disponível em maiúsculas, regular e sem acentuação. Vem em formato otf.

Para acentuar esta fonte, crie uma camada sobre o texto e use a ferramenta linha com os pixels da espessura que for necessária. E para criar o retângulo arredondado vazio, você pode fazer duas figuras com este formato e cores diferentes, uma delas você redimensiona uns pixels a menos que a de baixo, selecione as duas e alinhe os centros verticais e horizontais, rasterize e combine. Por último selecione a figura pequena com a varinha mágica, remova e desselecione.

Você pode baixá-la diretamente e seu uso é tanto pessoal quanto comercial.

Comic Neue

tipografia-comic

As fontes casuais estão na moda. Comic Neue é uma fonte completíssima em estilos, light, light itálico, regular, itálico, negrito e negrito itálico, e em um grande número de idiomas.

O arquivo que se baixa diretamente da páina dos criadores vem em formato otf e versão css e é gratuita para uso pessoal e comercial.

Fale a pena visitar o link e ver o grande trabalho de seus designers.

Langdon

TIPOGRAFÍA-LANGDON

Langdon é muito funcional. É uma pena que só nos seja oferecido um arquivo em formato otf, sem acentos e unicamente em maiúsculas.

A fonte está classificada dentro das sans serif e é muito versátil, podendo criar efeitos diferentes brincando com várias camadas de texto e adicionando estilos. Concretamente o efeito de acima foi feito tratando duas camadas de texto quase sobrepostas, apenas movidas uns pixels na horizontal, a de cima tem a borda da cor do fundo e a de baixo pega a cor do fundo aumentada em luminosidade.

O autor é Esteven Bonner.

Utilização correta das fontes. Regras a seguir

Utilização correta das fontes. Regras a seguir

Nos estudos prévios ao desenho web, um dos fatores mais importantes a se ter em conta é como utilizar as fontes de forma correta:

Uma fonte tipográfica é o conjunto de caracteres, números e símbolos com propriedades comuns que lhe proporcionam um estilo diferenciado. Uma família tipográfica mantém as características da fonte mas com algumas variações na espessura e na altura.

As fontes se dividem nas seguintes categorias:

Serif: são as famílias tipográficas que usam elementos de “derrame” (serifa) nas extremidades dos caracteres. Este desenho foi inventado na antiguidade quando os textos eram entalhados em pedra, para regular e igualar o tamanho das letras. Transmitem calma, domínio e solidez a um texto. Seus caracteres arredondados como c, o, p, b, etc. são um pouco maiores que o resto porque ao se misturarem no texto com os outros se visualizam menores. Classificam-se em Romanas, Glíficas e Caligráficas. As mais utilizadas são Book Antiqua, Bookman Old Style, Courier, Courier New, Garamond, Georgia, Lucida Bright, MS Serif, New York, Times, Times New Roman y Palatino.

Sans Serif: não têm serifa em suas extremidades. Foram criadas na Inglaterra no Século XIX. Têm os vértices retos e o traçado é coincidente. Os textos resultam sóbrios, modernos e de traçado seguro. Sua leitura em textos amplos se torna difícil, por isso seu uso se limita a rótulos ou títulos. Algumas são Arial, Chicago, Monaco, Tahoma, Helvética, Verdana y Univers.

Manuscritas ou script: seu nome já diz tudo. São usadas nos meios digitais como título principal ou para a assinatura do autor. São classificadas em Brush, Caligráfica, Canciller, Causal, Formal, Semi-formal Gráfico, Monoline…. Como exemplos temos Aelfa, Belphebe, Brush, Edwardian Script, English, Killigraphy, Medieval Victoriana y Vivaldi.

Exibição: são as mais atraentes de todas, sugerem épocas da história e aportam grande estilo. São utilizadas exclusivamente para o título. São muito decorativas, Antigua, Art Noveau, Art Deco, etc. As mais utilizadas são Terminator, Star Wars, Final Frontier e Jokerman, criadas pela indústria do entretenimento, arte e tecnologia., Killigraphy, Medieval Victoriana e Vivaldi.

Símbolos: Dingfonts e Dingbats, inserem sinais, padrões, logotipos, decorações, imagens e caracteres que não são alfabéticos. Seu uso é exclusivo para ressaltar e ornamentar textos e em desenhos.

Se você quiser alguns bons exemplos de fontes verifique esta seleção de fontes.

Devemos seguir algumas regras que nos levarão a usar a fonte correta:

Não mesclar fontes: Ao mesclar vários tipos de fonte não comunicamos o que queremos dizer de forma clara e perdemos a unidade da mensagem.

Não abusar dos estilos: se nos excedemos com o uso do negrito, itálico, sublinhado, etc. faremos com que o texto perca distinção e se torne sobrecarregado e pouco elegante.

Optar sempre pela legibilidade: na hora de escolher a fonte correta esta deve ser sempre fácil de se ler, com um desenho simples, sem texturas, sombras ou cores que dificultem sua leitura e compreensão.

“Kerning” e “Traking”: O espaçamento e o entrelinhado ao aproximar ou distanciar os caracteres sem querer, pode diminuir a harmonia do texto e a legibilidade.

Uso adequado da cor: para se conseguir uma leitura adequada levaremos em conta a tonalidade, valor e intensidade da cor usada e a fonte escolhida. Os olhos descansam mais se a leitura se faz sobre um fundo claro, com letra mais escura.

Tamanho: é  recomendável que a dimensão da fonte esteja entre 12 e 14 px.

Parágrafos bem diferenciados: para se conseguir una leitura relaxada onde o olhar percorra as linhas comodamente e sem cansaço, é recomendável formatar um texto com parágrafos cuidados.

Se tivermos em conta estes fatores na escolha da fonte correta para um website, estaremos dando profissionalidade ao design e isso levará nossa página a ter uma baixa taxa de rejeição dos visitantes e ampliará o número de usuários e leitores.