Ah, as fontes da Web. Um dos aspectos mais importantes - e desafiadores - de excelente web design. Você não sabe como descobrir qual é a melhor fonte para o seu site? Vamos mostrar a você os prós e contras de escolher as melhores fontes da Web para ajudá-lo a transmitir exatamente o que você deseja transmitir ao seu público. Você está pronto? Vamos lá!
Fontes seguras para a Web 101
Ter as fontes certas para o site pode aumentar a credibilidade do seu site - ou destruí-la. Cada fonte da Web tem um certo poder sobre o leitor. A forma, o tamanho, a curvatura, o floreio e a ousadia de cada fonte da Web transmitem uma mensagem e podem atrair ou repelir. A maioria desses efeitos ocorre de forma subconsciente, portanto, embora o espectador possa não reagir conscientemente à escolha da fonte do site, ela atuará sobre ele de uma forma que influenciará o relacionamento dele com a sua marca.
Então, o que faz dela uma fonte segura para a Web?
Legível
Às vezes, quando você está procurando novas fontes on-line, pode se deixar levar pela empolgação de alguns tipos de fontes mais ousados. Mas você precisa se controlar um pouco e pesquisar com um olhar mais criterioso. A fonte é legível? Talvez você consiga lê-la, mas será que todos Você conseguirá lê-la? Além disso, essa fonte será exibida corretamente em todos os dispositivos, ou apenas nos mais novos e melhores?
Simples
Cuidado com o excesso de enfeites ou flores. Surpreendentemente, o excesso de doçura nas fontes da Web pode, na verdade, repelir as pessoas ou fazer com que elas não levem você a sério.
Simplificado
Fontes volumosas carregam muita bagagem e podem afetar a legibilidade. Mais finas são melhores (mas não também fino, o que também diminui a legibilidade).
Inteligente
Algumas fontes podem prejudicar sua credibilidade. Evite fontes de site que reproduzam letras de giz de cera ou de quadro-negro. Essas fontes são vistas como juvenis e imaturas.
Como escolher a melhor fonte da Web
Agora que sabemos o que procurar quando você estiver pesquisando fontes on-line, é hora de descobrir como restringir sua seleção. Aqui estão algumas dicas:
Voltar para as diretrizes da marca
As fontes da Web, assim como as roupas, podem dizer muito sobre quem ou o que as está usando. Antes de escolher uma fonte para o site, você precisa considerar os objetivos do seu site ou os objetivos do seu cliente. Consulte o Diretrizes de identidade da marca para ver que tipo de vibração você deve buscar.
Considere seu público-alvo
Você realmente precisa considerar exatamente o tipo de público que deseja atrair.
Digamos que você esteja criando convites on-line para um lindo chá de panela no meio de um campo de fazenda: tudo será cinza e todos estarão vestidos com vestidos de seda e coronetes de flores silvestres e hálito de bebê e bebendo em potes de conserva. Isso claramente exige uma fonte de web caprichosa e fina, certo?
Ou, por exemplo, se você estiver criando materiais promocionais para um evento underground de DJs, onde todos estarão usando toques, jaquetas de inverno gigantes, jeans de pernas retas e Stan Smiths brancos, você provavelmente vai querer usar uma fonte simples e minimalista, com pouquíssimo floreio, não é?
Então, vamos descobrir quem você é você público-alvo. Quais são os dados demográficos? Eles são jovens? São idosos? São profissionais ou ainda estão na faculdade? Eles têm dinheiro ou são mais preocupados com o orçamento? Eles são pais? Todas essas são perguntas que você precisa fazer a si mesmo durante o processo de design e criação.
Faça a você mesmo estas perguntas e tente escrever algumas palavras descritivas para...
A quem você deseja atrair
Como você quer ser percebido
Depois que você tiver duas listas de adjetivos, certifique-se de consultá-las quando começar a procurar as melhores fontes para os sites em que está trabalhando.
Tenha muitas fontes disponíveis para você escolher
Há muitos lugares excelentes para você encontrar fontes gratuitas on-line. Você precisa de algumas ideias de por onde começar? Confira nosso guia para você 34 melhores sites de fontes gratuitas. Você certamente encontrará algo perfeito para qualquer site que tenha em mãos.
Agora, vamos às opções reais de fontes!
Você precisa de algo sensato? Opte por serifas
Digamos que você esteja projetando um site para uma empresa em expansão e que seu cliente queira parecer confiável, prático e prático. Se o que você quer é um visual imponente, sugerimos que use a família de fontes serifadas. Uma serifa é qualquer pequena parte da letra que se destaca. As fontes serifadas têm pequenas saliências nas letras (enquanto a família sans-serif não tem nenhuma). Aqui estão algumas das melhores fontes serifadas para sites:
Times New Roman
É um clássico, limpo e tradicional. Exala simplicidade e objetividade. As serifas estão presentes, o que acrescenta um ar de classe, mas nada pretensioso ou extra.
Trajano
Essa fonte da Web transmite um ar de respeito, graças ao comprimento e à leveza das letras. Portanto, se você estiver projetando um site para um escritório de advocacia ou uma empresa de consultoria, por exemplo, essa é provavelmente uma boa fonte da Web a ser considerada.
Baskerville
Um estudo de 2012 revelou que os usuários da Internet classificaram essa fonte do site como a mais persuasiva. Ela tem o comprimento da Trajan com a classe da Times New Roman. Se você deseja se mostrar confiável e fidedigno, essa é definitivamente uma das melhores fontes da Web para você.
Georgia Itálico
Essa fonte da Web é limpa e direta, mas tem uma sensação calorosa e reconfortante que deixa as pessoas à vontade. Há uma leve inclinação nessas letras, o que acrescenta um pouco de intimidade.
Você quer uma fonte para a Web sem frescuras? Experimente uma Sans-Serif
Se você tem uma vibração mais voltada para os negócios ou uma energia prática? Bem, para isso, sugerimos que você experimente a família sans-serif. Aqui estão algumas das fontes da Web sem serifa que recomendamos:
Helvetica Bold
Talvez você esteja criando um site para uma empresa de hardware e seu cliente queira projetar um ar de estabilidade? Essa provavelmente seria a melhor fonte para esse site. O corpo mais espesso das letras e as bordas planas são vistos como robustos.
Franklin Gothic
Esta é uma fonte da Web que parece estar em uma missão. Negrita e verdadeira, a natureza longa e quadrada das letras a torna forte e eficaz.
Calibri
Uma resistente do Microsoft Word, essa fonte da Web é limpa, limpa, limpa. Você não precisa se preocupar com nada.
Myriad Italic
Esta parece moderna, estável e confiável. É a mais fina de todas as sans-serifs mencionadas; uma leve inclinação acrescenta um toque de calor.
Você quer se sentir no momento? Use uma fonte moderna da Web
O próximo grupo de fontes da Web são as mais modernas. Elas são ótimas para logotipos ou títulos (menos para textos). Aqui estão algumas de nossas fontes modernas preferidas, mas ainda seguras para a Web.
Futura
Essa fonte forte para a Web é mais grossa no corpo, mas suas pontas afiadas são muito elegantes e bonitas. Ela transmite um ar de assertividade e estilo.
ITC Avant Garde Extra Light
Agora isso é uma fonte legal para a Web. Ela é fina e minimalista, o que faz com que você se sinta atencioso e confiável. Ela tem uma vibração muito progressiva.
Didot Itálico
O estilo é o nome do jogo para essa malvada. É uma boa fonte para um site de moda: limpa, com o mínimo de detalhes, eficiente. Ela transborda informação privilegiada.
Century Gothic
Tenha cuidado, pois essa fonte do site pode ser facilmente mal utilizada. Ela tem uma aparência muito chique, toda fina e arredondada, portanto, provavelmente só deve ser usada em um título ou logotipo para palavras curtas relacionadas a algo sofisticado ou luxuoso. Em qualquer outro lugar, ela pode parecer um pouco ultrapassada.
Você quer elegância? As fontes Web Script são para você
A família de fontes script do site se parece com a escrita cursiva, o que pode despertar muitos sentimentos e associações nos leitores, portanto, certifique-se de que esse estilo delicado seja adequado à sua marca. Seus floreios são de uma época diferente, portanto, use-os com sabedoria.
Script Bickham
Essa fonte legal para a Web é como se Marie Antoinette estivesse trabalhando para a Hallmark. É uma das fontes mais grossas da Web, mas com um pouco menos de floreio do que algumas das outras opções de script. A Bickham está associada à elegância e ao refinamento, portanto, se você estiver criando um site para um casamento ou baile de formatura, considere essa mademoiselle.
Escrita eduardiana
O nome já revela tudo. Muito ornamentada e com babados, mas não tão volumosa quanto algumas das outras, essa fonte da Web representa afeto e romance. Uma combinação perfeita para designers que desejam despertar sentimentos de amor e beleza em seus leitores.
Lavanderia
Um pouco jovem e bastante moderna e criativa, portanto, cuidado com o comprador: você não vai querer usá-la indevidamente e acabar prejudicando sua credibilidade. É uma fonte muito fina com uma boa quantidade de giros e círculos extras, o que lhe dá uma aparência artística.
Você gosta de algo estranho? Inclua uma fonte da Web de exibição
Essa família de fontes da Web é chamada de display e abrange uma grande variedade de estilos. Como elas são muito exclusivas e atraentes, use-as com moderação!
Cooper
Essa fonte é grossa, com serifas arredondadas, criando a impressão de acessibilidade e simpatia. Sugerimos que você use essa fonte casual da Web para um site de creche ou talvez para o site de uma loja de donuts local.
Giddyup
Esta parece o Pier 21 e a cozinha da mamãe. Se você estiver projetando um site relacionado a crianças ou culinária, considere essa fonte da Web para o cabeçalho ou o logotipo. Os cantos arredondados e o leve giro parecem um pouco extravagantes.
Valência
Essa fonte lembra algumas doses de café expresso. Ela é expressiva e um pouco intensa. Vimos algumas cafeterias utilizando seu estilo alto e fino para vender grãos. Use-a com cuidado, pois as fontes de alta intensidade podem repelir facilmente.
Rodada espacial
Única, mas ainda assim relacionável, essa fonte legal da Web seria adequada para um site de roupas ou um restaurante badalado. Oferecendo verticais grossas com horizontais mais estreitas e espaço mínimo entre as letras, essa é uma fonte muito legal para a Web.
Certifique-se de que suas fontes da Web funcionem bem juntas
Uma observação final: muitas fontes diferentes ainda podem despertar associações semelhantes em seus espectadores, portanto, não tenha medo de usar mais de uma. Mas tente escolher uma família de fontes para a Web e trabalhe com ela. Escolha algo mais limpo para o logotipoSe você quiser usar o texto, use algo mais ousado para os títulos ou cabeçalhos e algo mais direto para o texto do corpo.
Mostre seu trabalho
Depois de começar a integrar todas essas fontes legais da Web ao seu trabalho, você criará sites maravilhosos em pouco tempo. Não se esqueça de adicionar seu trabalho de design de site ao seu portfólio de design on-line-Mostrar seu domínio de fontes da Web certamente atrairá novos clientes de design de sites e fará com que você ganhe um bom dinheiro. trabalhos de design freelance
Você não tem um site de portfólio on-line Você ainda não sabe? Encontre um Criador de sites com um monte de modelos legais-e, é claro, fontes matadorasque possa mostrar seu trabalho com perfeição. Procure um que tenha prova do cliente dessa forma, os clientes podem avaliar os designs da Web diretamente do seu site. (Recomendamos também que você escolha um portfólio on-line que permita Experimente primeiro, sem compromisso.)
Mal posso esperar para ver o trabalho de vocês!
Você quer mais conselhos sobre carreira em design?
10 coisas que você precisa fazer depois da faculdade de design
Crie um design melhor com estes 4 insights de Wade Jeffree
8 projetos de design gráfico para curar seu bloqueio criativo
PT 
EN 
FR 
ES 
DE 