Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Como adicionar fontes do Google ao WordPress

Você está em:

Como adicionar fontes do Google ao WordPress
Como adicionar fontes do Google ao WordPress

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

A maioria das pessoas nunca pensa duas vezes 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 bastante chata. Havia muito poucas fontes seguras para a web disponíveis para você usar, mas agora com o grande número de fontes otimizadas para a web sendo criadas continuamente, pode ser difícil descobrir quais usar.

Com a criação do Google Fonts e as mais de 900 famílias de fontes agora disponíveis para você, o processo de escolha de uma boa fonte é ainda mais complexo. No entanto, nos últimos anos, o desenvolvimento em torno do Google Fonts tornou a implementação de qualquer escolha que você faz muito mais fácil do que nunca.

Por que devo usar o Google Fonts?

O Google Fonts tornou-se um dos maiores recursos de fontes disponíveis na web atualmente.

Não só existem mais de 900 famílias de fontes para você usar, todas elas são fontes de código aberto que podem ser criadas e aprimoradas por qualquer pessoa.

Os designers que criam fontes precisam passar por um processo de consideração para incluir sua fonte 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 primeiro garantir que estejam completas e otimizadas para a web.

Usar fontes diferentes no passado significava que as pessoas precisavam 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 o Google Fonts no meu site?

Alguns temas do WordPress, como o  Tema Total WordPress  , incluem opções incorporadas ao tema para alterar facilmente suas fontes do Google. Basta navegar até o Personalizador e clicar na guia Tipografia para editar as fontes principais, tamanho da fonte, peso da fonte e até espaçamento entre linhas para elementos em todo o tema.

Total de opções de fonte do tema

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

Plugins do WordPress para adicionar fontes do Google

INFORMAÇÕES E DOWNLOAD

Um dos melhores plugins gratuitos para adicionar o Google Fonts ao seu site é usar o Easy Google Fonts Plugin gratuito, que você pode baixar do repositório do WordPress. O mais fácil de baixar, porém, é diretamente do seu painel do WordPress. Basta fazer login no seu site WordPress e ir para Plugins > Adicionar Novo . Em seguida, basta pesquisar “Fácil Google Fonts” para instalação rápida e fácil.

INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO

Outro ótimo plugin para personalizar suas fontes no site é o plugin Yellow Pencil Live CSS editor (incluído gratuitamente em nosso New York WordPress Theme ). 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 do seu tema WordPress, tamanhos de fonte, pesos de fonte, preenchimentos, margens… etc.

Quais fontes devo usar?

A maior força do Google Fonts Directory também pode dificultar a sua vida. Há um número tão grande de fontes disponíveis para usar que encontrar e escolher uma combinação de fontes decente pode ser um desafio.

As fontes que você escolher dependerão inteiramente 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 usa.

Uma coisa que você precisa entender é a diferença entre uma fonte e um tipo de letra. Esses dois termos são freqüentemente e incorretamente usados de forma intercambiável. Uma fonte é a coleção completa de letras, símbolos de números, etc. Ao se referir ao design dessa coleção, você a chamaria de tipo de letra.

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 Monospace. Há outros que são usados impressos, embora não precisemos nos preocupar com eles agora.

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

Os tipos de letra com serifa têm uma cauda que fica pendurada na borda de cada caractere.

Tipo de letra com serifa

Os tipos de letra Sans Serif não têm caudas.

Tipo de letra sem serifa

Os tipos de letra de exibição são incomuns e decorativos.

Tipo de letra de exibição

Os tipos de letra de caligrafia parecem com escrita à mão cursiva ou escrita em bloco.

Tipo de letra manuscrita

Por fim, as fontes monoespaçadas são compostas de caracteres que ocupam exatamente a mesma quantidade de espaço.

Tipo de letra monoespaçado

Práticas recomendadas de fontes para web design

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

É uma boa ideia evitar 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 escolhê-las da mesma classificação de tipo de letra. É melhor combinar tipos de letra . Em outras palavras, evite usar duas fontes serif diferentes ou duas fontes sans serif 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 as 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.

Finalizando o Google Fonts para WordPress

Como você pode estar começando a perceber, selecionar fontes para o design do seu site pode ser um processo complicado e complicado. Há muito mais na decisão do que simplesmente escolher duas fontes.

Há várias coisas que você deve se esforçar para garantir em suas escolhas. Certifique-se de que sua hierarquia de classes de cabeçalho esteja equilibrada e que as tags de cabeçalho sejam reduzidas em tamanho relativo.

Metade da batalha de um bom design de site e tipografia é ser consistente com suas escolhas de fontes. 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 uma tipografia profissional e equilibrada ainda é um desafio.

Se você ainda não tiver certeza das escolhas que está fazendo e se perder quando estiver tentando descobrir as diferenças entre todas as suas opções. Pode ser hora de ter um designer profissional para dar uma olhada no seu site.

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

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

plugins premium WordPress
O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.