Melhorar a experiência do usuário (UX) pode aumentar o envolvimento no seu site WordPress. A experiência do usuário envolve vários detalhes em seu processo de web design, e as fontes são um fator importante.
A escolha das fontes certas pode tornar seu site legível, envolvente e visualmente atraente. E você pode conseguir tudo isso facilmente com um plugin de tipografia para WordPress.
A vantagem de usar um plug-in de tipografia é sua biblioteca de fontes e a disponibilidade de fontes personalizadas. Portanto, testamos diferentes plug-ins, como o Google Fonts for WordPress e o Custom Fonts, em sites reais, prestando atenção em sua funcionalidade e facilidade de uso.
E agora, compartilharemos alguns dos melhores plug-ins de tipografia para WordPress que você pode usar (a maioria deles é gratuita e fácil de instalar em seu site).
Por que a tipografia é importante para seu site WordPress?
A tipografia do seu site é uma parte muito importante do design geral. A escolha de fontes bonitas e fáceis de ler aumentará o envolvimento com o site e aumentará o tempo que os usuários passam no site.
Muitos dos melhores temas para WordPress vêm com acesso ao Google Fonts e permitem que você ajuste a tipografia para atender às suas necessidades.
Há configurações integradas no editor de posts e páginas que lhe dão mais controle sobre suas fontes e layouts.
No entanto, há muito mais que você pode fazer com a tipografia, como adicionar legendas, usar letras maiúsculas, incluir notas de rodapé, permitir que os usuários redimensionem as fontes e muito mais.
Ao escolher os plug-ins certos do WordPress, você pode melhorar a tipografia do seu site WordPress sem escrever nenhum código.
Dito isso, vamos dar uma olhada em alguns dos melhores plug-ins de tipografia para WordPress que você pode experimentar em seu site.
1. Google Fonts para WordPress
O Google Fonts for WordPress tem uma biblioteca de mais de 1.455 fontes elegantes que você pode usar em seu site WordPress. Ele vem com uma visualização ao vivo de cada fonte para ajudá-lo a selecionar a fonte para seus títulos e conteúdo.
O plug-in tem integração com o Adobe Fonts e também oferece suporte a milhares de fontes do Google Fonts. Você também pode fazer upload de fontes personalizadas e alterar o tamanho, a cor, o peso e a altura da linha da fonte nas configurações do plug-in.
Para obter mais detalhes, consulte nosso guia sobre como adicionar fontes personalizadas no WordPress.
Oferta: se você quiser obter a versão premium do plug-in, use nosso cupom do Google Fonts for WordPress para obter um desconto de 20%.
2. Fontes personalizadas
OCustom Fonts é um plugin de fontes simples para WordPress que permite hospedar fontes da Web em seu servidor. Isso ajuda a melhorar o desempenho do site porque ele carregará as fontes localmente.
O plug-in permite que você importe fontes da biblioteca do Google Fonts. Você também pode adicionar fontes personalizadas ao seu site WordPress e controlar totalmente as configurações de tipografia.
3. Zeno Font Resizer
O Zeno Font Resizer oferece aos visitantes a opção de alterar o tamanho da fonte em seu site com apenas alguns cliques. Isso pode melhorar a experiência do usuário para aqueles que preferem textos maiores.
O plug-in facilita a adição de uma opção de redimensionamento de fonte à barra lateral do WordPress. Ele também usa jQuery, para que seus visitantes possam ajustar a fonte sem recarregar a página.
4. Divisor de título de página
OPage Title Splitter é um plug-in exclusivo que permite dividir títulos de posts mais longos em duas linhas. Isso permite que você use títulos de posts mais longos e descritivos e, ao mesmo tempo, garanta que eles ainda sejam legíveis.
Isso funciona para todos os posts, páginas e títulos de tipos de post personalizados. Isso lhe dá controle total sobre o layout do seu título em computadores e dispositivos móveis.
5. Kit de ferramentas para o tema do bloco
OToolkit for Block Theme é um plug-in de editor de blocos do WordPress para personalizar o design e os estilos do seu tema. Ele permite que você altere as fontes, integre o Google Fonts e use estilos globais adicionais para criar um site perfeito para sua empresa.
Ele oferece a opção de hospedar o Google Fonts localmente, para que você possa importar qualquer família de fontes e usá-la em seu site. O plug-in tem várias outras opções para temas de blocos do WordPress.
6. Editor Plus
OEditor Plus é um plugin avançado de personalização do WordPress. Ele vem com controles de tipografia e um painel para gerenciar as propriedades da fonte.
O plug-in permite que você altere o peso da fonte, o estilo da fonte, o tamanho da fonte, o espaçamento entre letras, a altura da linha e a cor. Também é possível controlar facilmente a exibição da fonte em diferentes tamanhos de tela e dispositivos.
7. Fontes personalizadas da Adobe
OCustom Adobe Fonts permite que você adicione fontes populares da Adobe (antigo Typekit) ao seu site.
O plug-in funciona com os criadores de páginas mais populares, de modo que você tem uma biblioteca de fontes maior para escolher ao personalizar seu site.
8. Fonte incrível
O Font Awesome permite que você adicione fontes de ícones ao seu site. As fontes de ícones são pictogramas simples que você pode usar para melhorar seus botões, caixas de recursos, menus de navegação e muito mais.
Para obter mais detalhes, consulte nosso guia sobre como adicionar facilmente fontes de ícones ao seu tema do WordPress.
9. Use qualquer fonte
OUse Any Font permite que você carregue fontes personalizadas no WordPress. Isso é ótimo se você tiver fontes personalizadas baixadas em seu computador e quiser usá-las.
Você também pode usar fontes da biblioteca de fontes, que tem mais de 23.871 fontes diferentes para escolher.
10. Guia de estilo
O Styleguide permite que você personalize as fontes e cores do seu tema no personalizador de temas do WordPress.
Isso permite que você altere a aparência de suas fontes sem precisar adicionar CSS personalizado ao seu site. É compatível com a maioria dos temas do WordPress.
11. OMGF
OMGF é um plug-in que otimiza suas fontes do Google Fonts. Ele permite que você hospede suas fontes localmente para acelerar o tempo de carregamento.
O plug-in ajuda a minimizar as solicitações de DNS, reduz as mudanças de layout e aproveita o cache do navegador para melhorar o desempenho. Ele é muito fácil de usar para iniciantes e é executado silenciosamente em segundo plano.
12. WP Font Awesome
O WP Font Awesome é um plug-in gratuito de tipografia para WordPress. Ele permite que você adicione um ícone da Font Awesome usando um shortcode.
Você pode obter modelos de shortcode para personalizar os ícones de fontes. O plug-in também permite que você adicione fontes na área de widgets, páginas e posts.
13. Conversor de maiúsculas e minúsculas de texto
OText Case Converter é um plug-in que permite alterar o texto de suas páginas ou postagens para maiúsculas, minúsculas, maiúsculas e minúsculas e muito mais.
O plugin também ajuda a adicionar conteúdo fictício ao seu site WordPress. Além disso, ele ajuda a contar o número total de caracteres, palavras e linhas em suas páginas do WordPress.
14. SeedProd
O SeedProd é o melhor tema para WordPress e construtor de sites do mercado. Ele vem com kits de modelos prontos que você pode usar para lançar seu site com apenas alguns cliques.
O SeedProd também é o melhor construtor de páginas do WordPress. Com esse plugin, você pode criar páginas personalizadas e ter controle total sobre a aparência de suas fontes.
Você pode usar o recurso de texto dinâmico para criar títulos animados para atrair seus visitantes. Além disso, você tem acesso a toda a biblioteca do Google Fonts para usar em seu site.
Há até mesmo um poderoso construtor de sites com IA que permite gerar automaticamente conteúdo escrito ou aprimorar o conteúdo existente para melhorar a legibilidade.
15. Temas do Thrive
O Thrive Themes é um popular construtor de sites WordPress e oferece um poderoso conjunto de ferramentas para expandir seus negócios on-line. É uma solução completa para iniciantes que permite configurar um site de negócios e adicionar ferramentas de crescimento de uma só vez.
Além disso, ele vem com um construtor de questionários, uma ferramenta de teste A/B, um plugin de testemunho e muito mais. Todas as suas ferramentas funcionam perfeitamente com seu tema do WordPress.
O Thrive Builder permite que você personalize o estilo, o tamanho e a cor da fonte nas configurações do construtor de sites. Você também pode integrar qualquer plugin de fonte personalizado ao Thrive Themes para adicionar mais fontes ao seu site WordPress.
O Thrive Builder permite que você altere a fonte padrão para importar fontes, e você pode adicionar facilmente novas fontes de sua escolha.
Para saber mais, consulte nossa análise detalhada do Thrive Themes.
16. Foguete WP
O WP Rocket é o melhor plugin de cache do WordPress no mercado. Ele é muito fácil de usar para iniciantes e ajuda a acelerar o WordPress.
Há uma opção de cache exclusiva que otimizará suas fontes do Google Fonts com um único clique. Se você executar um teste de velocidade do site, esse é um dos problemas de velocidade mais comuns relatados pelos usuários.
Para obter mais detalhes, consulte nosso guia sobre como instalar e configurar o WP Rocket no WordPress.
Esperamos que este artigo tenha ajudado você a encontrar os melhores plug-ins de tipografia do WordPress para o seu site. Talvez você também queira ver nossos guias especializados sobre como melhorar seu website e torná-lo atraente para os usuários.
Melhores guias do WordPress para aprimorar seu site
- Como hospedar fontes locais no WordPress para um site mais rápido
- Como vender fontes on-line com o WordPress (passo a passo)
- O que é uma fonte segura para a Web + as melhores fontes seguras para a Web (guia para iniciantes)
- Comparação dos melhores construtores de páginas de arrastar e soltar do WordPress
- Ferramenta de pesquisa fácil para descobrir o que os usuários estão realmente pensando
- Como usar o Headline Analyzer no WordPress para melhorar os títulos de SEO
- Melhores aplicativos de número telefônico comercial virtual (com opções gratuitas)
- Como obter um domínio de e-mail gratuito (métodos rápidos e fáceis)
Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Moinuddin Waheed
I have mostly used the fonts that came up with the premium theme I am using.
However coming across certain websites and seeing their typography attracts most and it feels like having those fonts on our own website.
is there a way to determine which fonts some websites using like having any chrome extension or something?
and second, is having fonts locally speeds up the website rather than using front Google server like Google fonts?
WPBeginner Support
To find the fonts a site is using, you would need to use Inspect element. Using local fonts can help a site load faster over using server side fonts from Google.
Administrador
Moinuddin Waheed
Thanks for the guide, I have started using these tricks and tips to improve my website performance.
I have been attracted to many websites fonts, now I would be able to find what fonts they are using for their websites and I can use those fonts on my website locally.
Jiří Vaněk
I use Google Font and used to use Font Awesome. However, for website speed, I recommend downloading Google Font to the web hosting and using it locally. Loading fonts from third-party servers can ultimately slow down the website and this reflects in measurements.
Daan van den Bergh
Hi!
Thank you for including my plugin OMGF in this list!
I always try to pay attention to user friendliness, so I’m glad you experienced it as beginner friendly
WPBeginner Support
You’re welcome and thank you for having a user friendly plugin
Administrador
Neal Umphred
In your description of the wp-Typography plugin: “eclipses”?
WPBeginner Support
Thank you for pointing out that typo, we’ll fix it as we go through to update the article
Administrador
Lamine
Thank you for the article. Otherwise it need to be update.
WPBeginner Support
You’re welcome, we’ll certainly take a look at what needs to be updated.
Administrador
shabanam
“Hi, i absolutely got tons of value from your post. Please i have 2 quick questions.
1. What is the number of plugins every blogger shouldn’t exceed? I currently have about 18 installed, would you consider that number outrageous. Please could you also check out my site and offer me a
2. Your font is really beautiful. would you suggest plugins that would give me beautiful fonts just like yours?
Finally, would you spare a few seconds to check this site and offer me your candid advice
WPBeginner Support
Hi Shabanam,
1. Please see our article on how many plugins you should install on your site.
2. Please see the Typography plugins mentioned above.
Administrador
Ingrid Webster
You guys are life savers. Thank You so much!
Lynn
Thank you for the help, I need to change the color of the font on my new website.
Peter
I have installed Easy Google Fonts and most of it works fine as far as the styles and positioning go but strangely nothing happens to the main font color in appearances even though the background color works, which is something I don’t really need anyway. Changing the color of the paragraph works fine too.
I am using the Simple Catch Pro theme.
Could you please advise, I would like to move on from this.
Thanks
Peter
WPBeginner Support
Hi Peter,
We are not sure but it could be some other CSS rule in your theme’s stylesheet or settings overriding Easy Google Fonts settings.
Administrador
Adi
You can remove Google Font Manager from list as it is not available to download
April
I am really struggling with a font issue. We have a digital magazine, and often need to use several different fonts per post. Is there any similar to tinymce but with more options for font family?
Logeshkumar Nandagopal
Hi Team
I am new to blogging and have recently created a wordpress blog and i would like to know whether is there any plugin to highlight the c/c++ codes in textbox on my post.
Amarjit Singh
Every wpbeginner article helpful… i am a great fan of wpbeginner, 15 to 20 times i visit wpbeginner.com daily, for finding the solutions for my website. Wpbeginner motivate and help me to create my own site on wordpress.
WPBeginner Support
Hi Amarjit,
Thanks for the feedback. We are glad you find WPBeginner helpful. You may also want to check out our YouTube Channel for WordPress video tutorials.
Administrador