Como adicionar fontes do Google ao WordPress

Como adicionar fontes do Google ao WordPress 1

Uma maneira de melhorar drasticamente o design e o profissionalismo do seu site é usar ótimas fontes.

A maioria das pessoas nunca pensa na fonte que usa em seu site. No entanto, se você estiver desenvolvendo seu próprio tema ou editando um tema que você instalou atualmente, uma boa seleção de fontes deve ser uma grande parte do processo.

Selecionar uma fonte ou combinação de fontes para o seu site costumava ser uma tarefa simples e francamente entediante. Havia muito poucas fontes seguras para a Web disponíveis para uso, mas agora, com a infinidade de fontes otimizadas para a Web sendo criadas continuamente, pode ser difícil determinar quais usar.

Com a cria√ß√£o do Google Fonts e as mais de 900 fam√≠lias de fontes dispon√≠veis agora, o processo de escolha de uma boa fonte √© ainda mais complexo. No entanto, nos √ļltimos anos, o desenvolvimento do Google Fonts tornou a implementa√ß√£o de qualquer escolha mais f√°cil do que nunca.

Por que devo usar o Google Fonts?

Como adicionar fontes do Google ao WordPress 2

O Google Fonts se tornou um dos melhores recursos de fonte disponíveis na Web atualmente.

Não são apenas mais de 900 famílias de fontes para seu uso, todas elas são fontes de código aberto que qualquer pessoa pode criar e melhorar.

Os designers que criam fontes precisam passar por um processo de consideração para que sua fonte seja incluída no diretório do Google. Isso significa que, além de ter acesso a milhares de designers em todo o mundo, as fontes não podem ser adicionadas ao diretório sem antes garantir que estejam completas e otimizadas para a Web.

O uso de fontes diferentes no passado significava que as pessoas tinham que ter a fonte instalada em seu próprio computador para permitir que o navegador as exibisse corretamente. Com o Google Fonts, todas as fontes são acessadas diretamente do diretório do Google, garantindo que funcionem em praticamente qualquer máquina com qualquer navegador. Isso abre uma quantidade sem precedentes de liberdade de design para o desenvolvimento de sites.

Como uso as fontes do Google no meu site?

Alguns temas do WordPress, como o Tema Total do WordPress, incluem op√ß√Ķes de temas integrados para alterar facilmente suas fontes do Google. Basta navegar para Personalizador e clique no Tipografia guia para editar fontes principais, tamanho da fonte, espessura da fonte e espa√ßamento uniforme entre as linhas dos elementos do tema.

Total de op√ß√Ķes de fonte de tema

No entanto, se você estiver usando um tema diferente, poderá adicionar fontes do Google manualmente ou usar um plug-in.

Plugins do WordPress para adicionar fontes do Google

Como adicionar fontes do Google ao WordPress 3

Um dos melhores plugins gratuitos para adicionar fontes do Google ao seu site √© usar o plugin Easy Google Fonts gratuito que voc√™ pode baixar do reposit√≥rio WordPress. No entanto, a maneira mais f√°cil de fazer o download √© diretamente no painel de controle do WordPress. Basta fazer login no seu site WordPress e ir para Plugins> Adicionar novo. Em seguida, pesquise “Easy Google Fonts” para uma instala√ß√£o r√°pida e f√°cil.

Como adicionar fontes do Google ao WordPress 4

Outro ótimo plugin para personalizar suas fontes no site é o plugin do editor CSS Yellow Pencil Live (incluído gratuitamente no nosso tema WordPress de Nova York). O benefício deste plug-in é que ele não apenas permite alterar as fontes do seu site por meio de um método fácil de clicar e editar. Você também pode personalizar todas as cores, tamanhos e pesos das fontes, preenchimentos, margens, etc. do seu tema WordPress.

Quais fontes devo usar?

A maior for√ßa do Diret√≥rio de fontes do Google tamb√©m pode dificultar sua vida. Existe um n√ļmero t√£o grande de fontes dispon√≠veis para usar que encontrar e escolher uma combina√ß√£o decente de fontes pode ser um desafio.

As fontes que voc√™ escolher depender√£o completamente do que voc√™ est√° tentando transmitir com seu design. As fontes s√£o usadas para capturar o interesse dos leitores do site. Eles s√£o usados ‚Äč‚Äčpara chamar a aten√ß√£o para v√°rios aspectos do site, e um grande designer pode fazer maravilhas com diferen√ßas muito sutis nas fontes que eles usam.

Uma coisa que voc√™ deve entender √© a diferen√ßa entre uma fonte e um tipo de letra. Esses dois termos s√£o usados ‚Äč‚Äčcom frequ√™ncia e incorretamente de forma intercambi√°vel. Uma fonte √© a cole√ß√£o completa de letras, n√ļmeros, s√≠mbolos etc. Ao me referir ao design dessa cole√ß√£o, eu chamaria de tipografia.

Classifica√ß√Ķes de fontes

Existem v√°rias classifica√ß√Ķes que podem ser aplicadas aos tipos de letra. S√£o eles: Serif, Sans Serif, Display, Manuscrito (ou Script) e Monoespa√ßo. Existem outros usados ‚Äč‚Äčna impress√£o, embora n√£o precisemos nos preocupar com eles no momento.

Então, quais são as diferenças entre eles?

Serif os caracteres tipográficos têm uma cauda pendurada na borda de cada caractere.

Tipo de letra Serif

Sem serifa tipos de letra não têm filas.

Tipografia Sans Serif

Monitor Os caracteres s√£o incomuns e decorativos.

Tipo de exibição

Escrevendo os tipos de letra se parecem com manuscrito manuscrito ou bloco.

Tipografia de caligrafia

Por √ļltimo, monoespa√ßo as fontes s√£o compostas de caracteres que ocupam exatamente a mesma quantidade de espa√ßo.

Tipografia Monoespacial

Pr√°ticas recomendadas para fontes de design da web

Existem algumas diretrizes de pr√°ticas recomendadas a serem seguidas ao escolher quais fontes usar.

√Č uma boa ideia evite usar mais de duas fontes diferentes no design do seu site. Pode ser dif√≠cil equilibrar mais de duas fontes. E misturar mais de duas fontes em um site pode causar s√©rios problemas visuais.

Se voc√™ estiver usando duas fontes diferentes, por exemplo, uma para t√≠tulos e outra para conte√ļdo, certifique-se de n√£o selecion√°-las na mesma classifica√ß√£o de tipo. Seus melhor combinar fontes. Em outras palavras, evite usar duas fontes Serif diferentes ou duas fontes sem serifa diferentes.

Existem fontes que funcionam muito bem para t√≠tulos, mas n√£o s√£o ideais para o conte√ļdo do corpo e vice-versa. Existem sites que usam fontes para seu conte√ļdo que podem ser dif√≠ceis de ler. As fontes de conte√ļdo devem ser limpas e f√°ceis de ler. Enquanto fontes de t√≠tulo devem ser usadas para obter o m√°ximo impacto e chamar a aten√ß√£o para √°reas espec√≠ficas do seu site.

Concluindo fontes do Google para WordPress

Como você pode começar a apreciar, a seleção de fontes para o design do site pode ser um processo complicado e envolvido. Há muito mais na decisão do que simplesmente escolher uma das duas fontes.

Há várias coisas que você deve se esforçar para garantir em suas escolhas. Verifique se a hierarquia da classe de cabeçalho está equilibrada e se os rótulos dos cabeçalhos estão reduzidos em tamanho relativo.

Metade da batalha entre o bom design e a tipografia do site est√° sendo consistente com as op√ß√Ķes de fonte. Isso inclui tamanhos de fonte, pesos e espa√ßamento. O uso do Google Fonts e do plug-in Google Typography torna todo esse processo muito mais f√°cil do que nunca. Mesmo com esses recursos, ter um tipo de letra profissional e equilibrado continua sendo um desafio.

Se voc√™ ainda n√£o tiver certeza das escolhas que est√° fazendo e se perder ao tentar descobrir as diferen√ßas entre todas as suas op√ß√Ķes. Talvez seja hora de um designer profissional dar uma olhada no seu site.

Você implementou o Google Fonts no seu site? Você criou um tema do zero que inclui o Google Fonts? Gostaríamos muito de ouvir seus pensamentos sobre tipografia e suas fontes favoritas nos comentários abaixo.