{"id":6651,"date":"2015-05-06T18:01:44","date_gmt":"2015-05-06T21:01:44","guid":{"rendered":"http:\/\/www.impacta.com.br\/blog\/?p=6651"},"modified":"2015-05-06T18:01:44","modified_gmt":"2015-05-06T21:01:44","slug":"6-dicas-uso-de-web-fonts","status":"publish","type":"post","link":"https:\/\/www.impacta.com.br\/blog\/6-dicas-uso-de-web-fonts\/","title":{"rendered":"6 dicas incr\u00edveis para o uso de web fonts"},"content":{"rendered":"

As web fonts<\/strong> proporcionaram uma nova maneira de trabalhar com tipografia na internet. Antigamente, era preciso se limitar \u00e0s fontes mais comuns, pois se dependia completamente daquelas que o usu\u00e1rio tinha instaladas no computador. Com as web fonts, esta obrigatoriedade \u00e9 eliminada, sendo poss\u00edvel usar as fontes que o layout pedir sem precisar se preocupar com compatibilidade.<\/p>\n

No entanto, para aproveitar todos os benef\u00edcios que as web fonts t\u00eam a proporcionar, \u00e9 preciso aderir \u00e0s boas pr\u00e1ticas deste recurso. Afinal, o uso desregulado deste tipo de fonte pode comprometer a performance do seu site e impactar a experi\u00eancia do usu\u00e1rio. Al\u00e9m disso, por mais que as op\u00e7\u00f5es sejam vastas, \u00e9 preciso ter olhar cr\u00edtico para escolher as web fonts que ir\u00e3o compor a p\u00e1gina.<\/p>\n

Confira conosco a seguir 6 dicas incr\u00edveis para o uso de web fonts:<\/span><\/h1>\n

1. Escolha a\u00a0fonte para cada projeto<\/strong><\/span><\/h1>\n

Durante a etapa do web design<\/strong>, a escolha de fontes n\u00e3o deve ser feita por acaso. Diversos fatores necessitam ser levados em considera\u00e7\u00e3o, entre eles a forma como o texto se encaixa no layout, a legibilidade e as caracter\u00edsticas do p\u00fablico-alvo. As web fonts s\u00e3o uma excelente alternativa para a tipografia do seu site, mas \u00e9 preciso saber escolher as mais adequadas para o seu projeto. N\u00e3o \u00e9 porque existem in\u00fameras op\u00e7\u00f5es que voc\u00ea ir\u00e1 encher a sua p\u00e1gina com web fonts. Fa\u00e7a escolhas ponderadas que complementem os objetivos do site.<\/p>\n

2. Fique de olho no tamanho<\/strong><\/span><\/h1>\n

\u00c0s vezes pode n\u00e3o parecer, mas as web fonts causam um impacto na performance de uma p\u00e1gina. Como n\u00e3o est\u00e3o armazenadas no computador do usu\u00e1rio, o navegador precisa carregar todas as fontes necess\u00e1rias al\u00e9m das p\u00e1ginas e imagens. Portanto, tome cuidado ao acumular muitas web fonts na sua p\u00e1gina na internet. O total de tamanho de todas elas pode comprometer a boa experi\u00eancia dos seus usu\u00e1rios. Fique de olho na diferen\u00e7a de tamanho total ap\u00f3s acrescentar varia\u00e7\u00f5es em negrito e it\u00e1lico\u00a0tamb\u00e9m.<\/p>\n

\"Web<\/a><\/p>\n

3. Atualize-se sobre navegadores<\/strong><\/span><\/h1>\n

Tenha em mente que os navegadores de internet est\u00e3o constantemente mudando. Pode ser que apare\u00e7am novas facilidades relacionadas a web fonts ou a necessidade de adaptar alguma parte do seu c\u00f3digo a novas tend\u00eancias. Em uma de suas vers\u00f5es mais recentes, por exemplo, o Firefox passou a permitir o uso de fontes mais complexas, com ligaduras maiores e tra\u00e7os que invadem outras \u00e1reas da p\u00e1gina. Para trabalhar bem com web fonts, voc\u00ea precisa ficar de olho em tudo que \u00e9 introduzido de novo no mercado de navegadores de internet.<\/p>\n

4. Experimente antes de comprar<\/strong><\/span><\/h1>\n

Dificilmente uma web font que valha o seu investimento n\u00e3o ir\u00e1 oferecer a possibilidade de test\u00e1-la. Fique de olho nas possibilidades de pagamento e se h\u00e1 vantagens em adquirir pacotes ou fontes individuais. Por fim, teste os textos que voc\u00ea ir\u00e1 utilizar nesta fonte, com aten\u00e7\u00e3o dobrada a termos com acentos e outros s\u00edmbolos. Afinal, n\u00e3o ser\u00e1 nem um pouco bom descobrir tarde demais que a web font rec\u00e9m-adquirida n\u00e3o possui os caracteres que voc\u00ea precisa.<\/p>\n

5. Considere fontes gratuitas<\/strong><\/span><\/h1>\n

S\u00f3 porque voc\u00ea tem a possibilidade de adquirir web fonts pagas, n\u00e3o significa que as gratuitas devem ser desconsideradas. Existem v\u00e1rios tipos de belas fontes que n\u00e3o custam nada e podem fazer a diferen\u00e7a no visual do seu site. Aproveite e consulte as op\u00e7\u00f5es do Google Fonts<\/strong>, o reposit\u00f3rio de web fonts da gigante das buscas que pode ser exatamente o que a sua p\u00e1gina precisa.<\/p>\n

6. Fa\u00e7a testes<\/strong><\/span><\/h1>\n

O processo de web design necessita sempre ser pontuado por muitos testes. Ningu\u00e9m consegue conduzir um projeto inteiro apenas na teoria. Se voc\u00ea teve uma ideia diferente e gostaria de ver os resultados da aplica\u00e7\u00e3o dela, fa\u00e7a testes. Existem muitas web fonts dispon\u00edveis e maneiras de aplic\u00e1-las, ent\u00e3o \u00e9 essencial realizar os experimentos adequados para determinar se tudo se encaixa perfeitamente no seu site.<\/p>\n

As web fonts trazem diversos benef\u00edcios para o web design, mas \u00e9 preciso saber a melhor forma de utilizar este recurso para n\u00e3o impactar a experi\u00eancia do usu\u00e1rio. Afinal, o usu\u00e1rio n\u00e3o vai permanecer em um site que demora para carregar.<\/p>\n

Quer aprender mais e dominar a ferramentas de web design?<\/span><\/h1>\n

Ent\u00e3o, n\u00e3o perca tempo e tire sua certifica\u00e7\u00e3o ICS Web Designer <\/a>da Impacta. S\u00e3o 4 cursos no modo Essencials e mais 3 no modo Advanced que te tornar\u00e3o\u00a0um especialista completo em design para cria\u00e7\u00e3o de websites. Conhe\u00e7a ainda os cursos da Impacta Certifica\u00e7\u00e3o e Treinamento para a \u00e1rea de Art & Design<\/a> e tamb\u00e9m para Desenvolvimento<\/a>. Todos os treinamentos te preparam realmente para o mercado de trabalho, ensinando na pr\u00e1tica para o dom\u00ednio das ferramentas mais utilizadas.<\/p>\n

\n

<\/i>Love<\/span>0<\/span><\/span><\/a> <\/i> <\/i>