9 melhores plug-ins de tipografia para WordPress

Uma boa tipografia é crucial para o seu site. A tipografia inclui fontes, layouts, capitulares, ícones e muito mais. Muito disso agora pode ser feito com o Gutenberg, mas as fontes ainda são uma área onde os plug-ins podem fazer uma grande diferença. Neste artigo, veremos várias opções para ajudá-lo a escolher o melhor plugin de tipografia para WordPress.

1. Plug-in Divi Builder

O plug-in Divi Builder adiciona o Divi Builder a qualquer tema WordPress. Inclui 800 fontes do Google e você pode adicionar sua chave de API do Google para obter novas fontes automaticamente. Você também pode fazer upload de mais. Mesmo que o plugin Divi faça mais do que tipografia, é uma ótima escolha, mesmo se você não estiver utilizando totalmente o Divi Builder devido ao número de recursos de tipografia que ele possui. As opções de tipografia também estão disponíveis no Divi Theme.

Pesquise as fontes em qualquer módulo que inclua texto e veja uma prévia de cada fonte. As fontes usadas recentemente estão na parte superior, portanto, são fáceis de encontrar.

As fontes são totalmente estilizáveis. Estilo embutido ou dentro das configurações do módulo. Personalize cada tamanho de título para cada módulo de forma independente.

Defina os estilos como globais e estenda-os a outros módulos com apenas alguns cliques.

Características principais :

• Fontes e estilo de texto.
• Crie estilos globais.
• Ajuste as fontes para desktop, tablet e telefone de forma independente.
• Divida o teste de suas escolhas de tipografia.
• Visualize os estilos antes de aplicá-los.
• Estenda estilos.
• Copie e cole estilos.
• Gerenciador de cores.
• Encontre e substitua estilos.
• Sombras de texto.

Preço : $ 89 por ano, $ 249 vitalício | Mais Informações

2. Use qualquer fonte

Use Any Font é um plugin de tipografia simples para WordPress que permite que você carregue novas fontes.

Carregue novas fontes na tela de configurações. Você também pode adicionar fontes predefinidas.

A seleção de fontes predefinidas abre um modal onde você pode pesquisar e selecionar qualquer fonte que desejar. Ele fornece uma visualização, para que você saiba o que está obtendo. São cerca de 24.000 opções de uso pessoal e comercial.

Atribua fontes a qualquer elemento da tela de configurações. Você também pode adicionar elementos personalizados.

Características principais :

• Atribua fontes a qualquer elemento.
• Atribuir a elementos personalizados.
• Faça upload de novas fontes.
• Quase 24.000 fontes predefinidas.
• A versão Pro adiciona múltiplos uploads de fontes.

Preço : Gratuito, a versão profissional começa em US $ 9,99 | Mais Informações

3. Ferramentas de editor avançadas

As Ferramentas do Editor Avançado funcionam tanto com o Gutenberg quanto com o editor Clássico. Ele adiciona muitas opções de tipografia e permite que você personalize a barra de ferramentas do editor clássico tanto no bloco clássico quanto no editor clássico. Ele adiciona um novo bloco de parágrafo a Gutenberg. Você também pode substituir o editor de blocos pelo editor clássico, se desejar.

As configurações de Gutenberg incluem barras de ferramentas para o editor de bloco, parágrafos clássicos e blocos clássicos, botões não usados ​​para as barras de ferramentas e muitas opções. As configurações se concentram na tipografia e permitem que você personalize os recursos exatos que deseja.

Você também pode personalizar o Editor Clássico com as mesmas barras de ferramentas, botões não usados ​​e opções.

Características principais :

• Adiciona opções de tipografia aos editores Gutenberg e Classic.
• Personalize as barras de ferramentas.
• Ajuste as cores do texto.
• Adicione um bloco de parágrafo a Gutenberg.
• Substitua o editor de blocos pelo editor clássico.

Preço : Grátis | Mais Informações

4. Tipografia do Google Fonts

O Google Fonts Typography adiciona um novo menu ao personalizador de tema com configurações básicas e avançadas. Escolha entre 998 fontes do Google e aplique-as a elementos específicos em seu site. Você pode visualizar as fontes para saber sua aparência antes de publicar.

Um novo menu é adicionado ao Theme Customizer que inclui configurações básicas, configurações avançadas, carregamento de fontes e ferramentas de depuração.

As configurações básicas permitem que você escolha a família de fontes para a tipografia base, cabeçalhos e botões. Você também pode escolher a espessura e o estilo da fonte.

Avançado adiciona configurações personalizadas para marca, navegação, conteúdo, barra lateral, rodapé e fontes de carregamento apenas. Este exemplo mostra as configurações de conteúdo.

Você também pode adicionar fontes Adobe se tiver uma chave de API.

Características principais :

• Usa o personalizador de tema.
• Inclui configurações básicas e avançadas.
• Visualize antes de publicar.
• A versão Pro adiciona tamanho e cor da fonte, hospeda localmente, otimiza o carregamento e carrega fontes personalizadas.
• Adicione fontes Adobe.

Preço : Grátis, versão profissional a partir de US $ 59 | Mais Informações

5. Fonte incrível

Font Awesome torna mais fácil adicionar ícones ao seu conteúdo. Você pode usar ícones gratuitos ou profissionais e escolher entre SVG ou Web Font. Os ícones podem ser carregados de um CDN ou kit da web. Os ícones são adicionados ao seu conteúdo com códigos de acesso ou HTML. A versão gratuita inclui mais de 1600 ícones e você pode adicionar muito mais com a versão profissional.

A tela de configurações permite escolher entre o uso de um kit ou CDN, fontes profissionais ou gratuitas e fontes SVG ou da Web. Você também pode selecionar a versão e a compatibilidade que deseja usar.

Este exemplo mostra os ícones Font Awesome sendo adicionados ao meu conteúdo com códigos de acesso.

O ícone que adicionei agora aparece no conteúdo do front end.

Características principais :

• Adicione ícones impressionantes de fonte com códigos de acesso ou HTML.
• Mais de 1600 ícones para a versão gratuita.
• Use SVGs ou um kit da web.
• Escolha um CDN ou um kit.
• A versão Pro inclui mais de 7.800 ícones, 4 estilos, 20 kits profissionais hospedados, 250 ícones carregados e muito mais.

Preço : Gratuito, a versão profissional custa US $ 99 | Mais Informações

6. Guia de estilo

Styleguide é um plugin de tipografia simples para WordPress que permite escolher fontes e cores do personalizador de tema. Inclui as 45 principais fontes do Google e você pode adicionar mais com o código. A compatibilidade do tema é limitada. Não funciona com Divi por padrão. Se não funcionar com o seu tema, você terá que adicionar suporte ao tema com o código. Eles incluem um exemplo do código.

As opções de estilo da fonte são adicionadas ao personalizador de tema. As configurações incluem a fonte do cabeçalho, a fonte do corpo e a cor de fundo. Também possui uma opção de modo escuro que adiciona um botão na parte inferior da página.

Características principais :

• Estilo de fonte adicionado ao personalizador de tema.
• Escolha fontes para o cabeçalho e o corpo do texto independentemente.
• Modo escuro.
• Adicione mais fontes com código.
• Adicione compatibilidade de tema com código.

Preço : Grátis | Mais Informações

7. Divisor de título de página

O Divisor de título de página permite definir pontos de interrupção para seus títulos para determinar onde eles se dividirão. Isso é especialmente útil para telas menores. Funciona com o editor clássico e oferece uma barra simples para posicionar o ponto de interrupção. Clicar no ícone abre a barra. O ponto de interrupção é então colocado onde você clica no título.

As configurações permitem adicionar classes CSS e estilo e selecionar para modificar o título, títulos de menu, títulos de widget e muito mais. Ele fornece instruções detalhadas sobre como usá-lo.

Aqui está o ponto de interrupção para um artigo de amostra que criei. Eu defini um, mas você pode definir vários marcadores para quebrar o título em vários lugares.

O ponto de interrupção divide o título no front end. Isso pode ser usado para criar seus títulos com layouts exclusivos que normalmente não estão disponíveis.

Características principais :

• Cria pontos de interrupção para títulos.
• Funciona com o editor clássico.
• Defina vários marcadores.
• Ajuste os pontos de interrupção com CSS.

Preço : Grátis | Mais Informações

8. Título Secundário

Título secundário é um plugin de tipografia simples para WordPress que funciona com o editor clássico para exibir outro título junto com o título regular. Ele adiciona um novo campo acima do campo do título e fornece configurações onde você pode personalizar a aparência e como funciona. É compatível com tipos de postagem, categorias e IDs de postagem específicos.

As configurações permitem definir o formato do título secundário e as regras de exibição. Defina as regras para tipos e categorias de postagens. Ele fornece uma visualização do título secundário para que você possa ajustá-lo.

Um novo campo é adicionado acima do título, onde você pode inserir o título secundário.

O título é exibido de acordo com as opções selecionadas na tela de configurações. Estas são as configurações padrão.

Características principais :

• Adiciona um novo campo de título ao editor clássico.
• Ajuste o design do título da maneira que desejar.
• Escolha os tipos de postagem e categorias que usam o título secundário.

Preço : Grátis | Mais Informações

9. Zeno Font Resizer

Zeno Font Resizer permite que seus visitantes alterem o tamanho das fontes conforme visualizam seu site. Um cookie mantém as configurações, para que eles não precisem alterá-las toda vez que visitarem. Você tem controle sobre as escolhas que eles podem fazer, o ícone que é exibido, o número de dias que o cookie funciona e muito mais.

A tela de configurações permite ajustar o HTML, etapas de redimensionamento, tamanhos mínimo e máximo, o caractere que é exibido para o ícone de redimensionamento e as configurações de cookies. O HTML permite que você escolha como o redimensionamento funciona.

Eu adicionei o redimensionador à barra lateral usando o widget.

Características principais :

• Ajuste as etapas de redimensionamento.
• Defina os tamanhos mínimo e máximo.
• Escolha o personagem.
• Cookie mantém as configurações do visitante.
• Adicione-o com um código ou um widget.

Preço : Grátis | Mais Informações

Reflexões finais

Este é o nosso olhar sobre os melhores plug-ins de tipografia para WordPress. Existem muitas opções boas que podem fazer sua tipografia se destacar e chamar a atenção de seus leitores. Se você está procurando um plugin de tipografia para WordPress, com certeza encontrará algo que atenda às suas necessidades nesta lista.

Nós queremos ouvir de você. Qual é o seu plugin de tipografia favorito para WordPress?

Imagem em destaque via ANTSTUDIO / shutterstock.com