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 entediante. 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 continuamente criadas, pode ser difícil descobrir quais usar..

Com a criação de Fontes do Google e as mais de 900 famílias de fontes disponíveis agora para você, 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 as fontes do Google?

O Google Fonts se tornou um dos melhores recursos de fonte disponíveis para você na Web hoje.

Além de haver mais de 900 famílias de fontes para você usar, todas 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 suas fontes 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 elas 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 integradas ao tema para alterar facilmente suas fontes do Google. Basta navegar para o Personalizador e clique no Tipografia guia para editar fontes principais, tamanho da fonte, espessura da fonte e espaçamento entre linhas de elementos em todo o tema.

Total de opções de fonte de 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

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

Informações e DownloadVer a demonstração

Outro ótimo plugin para personalizar suas fontes no site é o plugin do editor Yellow Pencil Live CSS (que é incluído gratuitamente no nosso Tema WordPress de Nova York). O benefício deste plugin é 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 do tema WordPress, pesos, almofadas, margens, etc..

Quais fontes devo usar?

A maior força do Diretório de fontes do Google também pode dificultar a vida de você. Há 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 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 eles usam..

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 Monoespaço. Existem outros usados ​​na impressão, embora não precisemos nos preocupar com eles agora..

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

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

Tipo de letra Serif

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

Tipo de letra Sans Serif

Exibição tipos de letra são incomuns e decorativos.

Tipo de exibição da tela

Caligrafia tipos de letra parecem escritos à mão em letras cursivas ou em bloco.

Tipo de letra

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

Tipo de letra monoespaçada

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 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 dois tipos de letra 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, verifique se não as escolhe na mesma classificação de tipo. Está melhor para combinar tipos de letra. 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 que 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 for WordPress

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

Há várias coisas que você deve se esforçar para garantir em suas escolhas. Verifique se sua hierarquia de classes de cabeçalho está equilibrada e se as tags de cabeçalho são reduzidas em tamanho relativo.

Metade da batalha entre o bom design e a tipografia do site é ser 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 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. 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.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me