Mais de 50 fontes modernas para usar em seu site WordPress em 2022

Ao criar um site WordPress, você precisa ter todas as ferramentas certas para causar um impacto efetivo. Isso inclui uma enorme quantidade de fontes modernas!

No entanto, seu tema WordPress pode não ter a seleção de fontes HTML que você precisa escolher. Ou talvez você não esteja satisfeito com os que foram selecionados para você.

Por causa desses fatores, é essencial poder instalar algumas fontes personalizadas. Vamos discutir uma variedade de opções de fontes aqui hoje. Mas primeiro, vamos tirar as coisas técnicas do caminho.

O que realmente torna uma fonte moderna?

Fontes modernas não são novas. O estilo foi originalmente desenvolvido no século 18. Apesar disso, seus projetos permanecem relevantes no mundo moderno. Na verdade, você os vê literalmente em todos os lugares.

Então, como são as fontes modernas?

As fontes modernas são nítidas, elegantes, ousadas, profissionais e elegantes. Eles também são frequentemente sem serifa (mas nem sempre) e às vezes se encaixam na categoria de fontes cursivas. O seu design é imediatamente distinto e são frequentemente utilizados em cabeçalhos e logótipos. Eles podem ser distintamente corporativos, mas não agressivos. Em vez disso, eles são ousados ​​e exigem atenção.

Aqui está um exemplo de um site de portfólio usando uma fonte moderna.

Observe como é condensado e estreito?

Essas são generalidades, é claro. A tipografia moderna evoluiu e muitas vezes você também pode encontrar exemplos mais estilísticos. Mas espero que isso lhe dê uma ideia geral do que é uma fonte moderna (e por que você pode querer usar uma).

Como fazer upload de fontes baixadas para o WordPress

As fontes personalizadas baixadas da Web precisam de um pouco de trabalho extra para executá-las, pois você não pode simplesmente importá-las como faria para um serviço online como o Google Fonts. Em vez disso, você precisará carregar manualmente suas fontes ou usar um plug-in para fazer o trabalho.

Mas antes de fazer qualquer upload, você precisa primeiro garantir que suas fontes estejam prontas para a web. O que queremos dizer com isso? Bem, nem todas as fontes são seguras para a Web ou compatíveis com todos os navegadores da Web imediatamente.

Mas isso não é um grande incômodo. Basta usar a ferramenta gratuita Webfont Generator para transformar qualquer fonte personalizada encontrada online em um formato legível e utilizável por todos os navegadores da web.

Concluir esta etapa também ajudará bastante a otimizar a velocidade de suas fontes. No entanto, isso não é tudo . Você também deve seguir algumas dicas para garantir que suas fontes personalizadas não consumam recursos ou diminuam o tempo de carregamento do seu site desnecessariamente:

• Verifique o desempenho . Usando GTmetrix, monitore o número de solicitações HTTP. Se houver muito, isso pode significar que seu site está usando muito mais fontes do que você percebeu. Estou falando de fontes instaladas automaticamente ao lado de plugins e temas aqui (não os que você adicionou manualmente).
• Verifique suas análises. Aqui, você pode ver quais formatos de contêiner de fonte são mais acessados ​​em seu site. As opções mais comuns são EOT, TTF, WOFF e WOFF2. Ao considerar quais apoiar, isso pode ajudá-lo a determinar quais priorizar.
• Certifique-se de que as fontes sejam armazenadas em cache localmente. Não é como se você estivesse atualizando as fontes a cada dois dias. Isso significa que as fontes podem ser armazenadas em cache nos navegadores de visitantes frequentes com segurança. Isso limitará o número de solicitações HTTP ao longo do tempo.

Carregar fontes manualmente requer um pouco de habilidade técnica, mas não está fora do alcance da maioria dos proprietários de sites.

1. Faça o download da fonte moderna personalizada escolhida (vários exemplos abaixo).
2. Salve um backup do seu site (incluindo todo o conteúdo e o banco de dados) e/ou use um tema filho para as seguintes alterações.
3. Carregue os arquivos de fonte em um .zip para a pasta wp-content/themes/your-theme-name/fonts. Se não houver uma pasta “fontes”, vá em frente e crie uma e faça o upload do arquivo de fonte .zip para lá. Use qualquer cliente FTP de sua escolha para fazer isso.
4. No painel do WordPress, navegue até Appearance > Theme Editor e acesse o arquivo style.css. Você precisará adicionar um snippet de código personalizado a este arquivo. Adicione a família de fontes e o URL apropriados ao snippet de código e clique em Atualizar arquivo .

 @font-face { font-family: YOUR FONT NAME; src: url(http://sitename.com/wp-content/themes/themename/fonts/font-name.ttf); font-weight: normal; }

O código acima adiciona a fonte ao seu site. Em seguida, você precisa informar ao WordPress onde a fonte deve ser usada. Para isso, abra style.css novamente e use este trecho de código:

 .SITE ELEMENT { font-family: "FONT NAME", Helvetica, sans-serif; }

Neste snippet de código, você precisa identificar a qual aspecto do seu site deseja aplicar a fonte e especificar o nome da fonte antes de atualizar o arquivo.

Por outro lado, se você quiser pular todas essas coisas de upload manual, você pode usar um plugin para adicionar fontes ao WordPress. Uma opção sólida inclui Usar qualquer fonte. Como o próprio nome sugere, você pode usá-lo para fazer upload de qualquer fonte personalizada para o seu site e atribuí-la a elementos CSS.

56 das fontes mais modernas para usar em 2022

Agora que você sabe como otimizar e fazer upload de fontes personalizadas para o WordPress, agora podemos oferecer uma lista saudável de fontes e opções modernas para você escolher.

1. Introdução

Intro é uma fonte moderna de aparência padrão que oferece linhas em negrito e apresentação que pode ser facilmente usada para cabeçalhos ou títulos. Esta família de fontes inclui 72 fontes com 8 pesos diferentes, de fino a grosso, oferecendo muita flexibilidade.

2. Komoda

Outra opção é Komoda. Essa fonte é condensada e super interessante de se ver. É tudo em maiúsculas e sem serifa com uma aparência de blocos onde a linha média de cada letra é elevada. E suas ligaduras fazem uma declaração. Uma escolha perfeita para logotipos aqui.

3. Empolgado

Stoked é outra seleção em maiúsculas que oferece uma aparência única para cabeçalhos e logotipos. É interessante enquanto permanece legível. Sua característica definidora é a inclusão de linhas duplas em cada letra, bem como quebras de linha que dão uma aparência de estêncil.

4. Marisa elegante

Há também a Marisa Classy. Essa fonte moderna é elegante e fluida, oferecendo uma opção de fonte mais fina e delicada para seus logotipos e cabeçalhos. Tem ligaduras realmente interessantes, glifos alternativos e ornamentos que adicionam mais caracteres a qualquer texto que você queira compartilhar.

5. Galope

Canter é outra ótima escolha. Esta é uma fonte sem serifa que apresenta todas as letras maiúsculas e tem espaçamento condensado. Ele também vem em seis pesos diferentes, incluindo uma opção 3D e uma com uma sombra proeminente.

6. Sorte

Lucky é outra fonte moderna que vale a pena considerar. É outra seleção sem serifa que pode funcionar bem como logotipo ou cabeçalho. Tem também uma qualidade editorial distinta que pode ser facilmente aplicada a revistas e publicações online.

7. Zafir

O Zafir oferece outra opção de fonte moderna que vale a pena considerar. É super minimalista na apresentação. Zafir é outra opção em maiúsculas. É uma fonte com serifa com linhas curvas e uma aparência geral interessante que pode funcionar bem para logotipos e títulos.

8. Enseadas

Ou você pode usar Coves. Ele vem com dois pesos, leve e negrito, e oferece uma opção de fonte elegante e simplificada para seus projetos mais recentes. Use-o para texto padrão e também para títulos e cabeçalhos. É verdadeiramente multiuso.

9. Azonix

Azonix fornece outra seleção de fontes modernas, desta vez com uma inclinação futurista. É uma fonte sem serifa que enfatiza uma aparência geométrica. É tudo em letras maiúsculas e facilmente parece que poderia ser usado na sequência de créditos de abertura de um filme de ficção científica.

10. Arkhip

Arkhip é outra seleção de fontes gratuitas que mantém um design moderno enquanto relembra eras passadas. Ele usa elementos da tipografia russa para criar algo moderno e verdadeiramente novo.

11. Prime

Há outra fonte a considerar chamada Prime. É uma fonte moderna sem serifa que apresenta linhas em negrito e tem uma aparência geral futurista. Possui cantos geométricos e fica perfeito para sites com temas futuristas ou tecnológicos.

12. Globo

Glober é outra fonte moderna que você deve dar uma olhada. Esta família de fontes inclui 18 pesos com uma divisão uniforme de 9 colunas e 9 itálicos. É uma fonte sem serifa que é fácil de ler e fácil de aplicar a várias situações diferentes, incluindo títulos e corpo de texto.

13. FEITA SUAVE

MADE Gentle é outro tipo de letra moderno digno de consideração. É considerada uma serifa suave e foi inspirada na fonte Cooper Black. Este é ousado, mas arredondado e parece uma reminiscência de capas de livros antigos e sinalização da década de 1970.

14. Nórdico

Nordic é moderno e clássico oferece dois tipos de letra e três pesos para escolher. O design foi inspirado nas runas norueguesas e seria perfeito para uso em títulos, títulos e logotipos.

15. Maddaque

A fonte Maddac oferece uma opção elegante para o seu site. É ousado, em blocos e sem serifa. É moderno em design e único em execução. Cada letra tem um leve ângulo ou inclinação para um aspecto de seu design, oferecendo um pouco de estilo à equação.

16. Crocodilo

Croc não é uma fonte tão legal? É uma fonte com serifa ousada com um estilo icônico que é nostálgico e ainda fresco.

17. Água

Aqua é outra fonte que você deve dar uma olhada. Este tem uma qualidade art nouveau que o faz parecer atemporal. É ousado, mas simples e apresenta enfeites e ligaduras que o destacam de outras fontes semelhantes.

18. Manifesto

Faça uma declaração ousada com o Manifesto. Esta fonte foi inspirada no movimento racionalista italiano e tem uma qualidade editorial decididamente. Use-o para títulos, logotipos e títulos. Use-o para designs impressos e online. É verdadeiramente versátil nesse sentido.

19. Órcades

Orkney é uma linda fonte de aparência profissional. O tipo de letra é geométrico em design e pode ser usado para uma ampla variedade de propósitos. Use-o para títulos ou logotipos. Use-o para texto padrão. Use-o em mídia impressa ou digital. O céu é o limite aqui.

20. Elpa

Elppa tem um visual futurista cativante e multifacetado. O tipo de letra é bastante mínimo, ao mesmo tempo em que captura uma sensação da era espacial. Use-o para impressão e web designs. Funcionaria para logotipos e títulos, provavelmente não para o corpo do texto, mas definitivamente útil para gráficos e afins.

21. Milho

Corn é uma fonte interessante que tem cantos arredondados e uma sensação de fazenda. Consiste em 14 estilos diferentes que você pode começar a usar imediatamente para títulos, cabeçalhos e logotipos. Alguns estilos podem até ser usados ​​para o corpo do texto, se desejar. Você pode construir um design de site inteiro com este.

22. Koliko

Ou você pode optar por Koliko, uma fonte muito divertida que tem apelo instantâneo para uma ampla variedade de propósitos. Ele vem com três estilos, cada um abraçando um casamento perfeito de forma e função.

23. Peculiaridade

Quirk é na verdade uma fonte de aparência bastante peculiar. O nome é uma boa escolha. É uma fonte em maiúsculas que inclui ligaduras divertidas e elementos empilháveis.

24. Le French

Le French é uma escolha de fonte sofisticada, especialmente se você deseja replicar a sensação de um café francês vintage. Uma excelente escolha para menus e sites relacionados a alimentos ao redor. Use-o para títulos, cabeçalhos, logotipos e corpo de texto também.

25. Munique

Munich é uma linda opção de fonte sem serifa que seria uma excelente opção para um logotipo ou gráfico de título. É alto e imponente sem ser ameaçador.

26. Noroeste

Northwest é uma fonte de estilo moderno com um toque retrô. É uma reminiscência de logotipos de equipamentos de campanha e títulos de revistas ao ar livre. Com serifas quadradas e elementos decorativos, essa fonte funcionaria bem para qualquer tipo de conteúdo com tema ao ar livre.

27. Modeka

Modeka é quadrado e moderno e honestamente super legal. É uma escolha moderna que pode ser adaptada para uso de várias maneiras. Com ângulos adicionais em cada letra, oferece um estilo único que pode se adequar ao seu próximo projeto.

28. Isenção de responsabilidade

A isenção de responsabilidade é uma opção de fonte estreita e em negrito que é excelente para uma ampla variedade de propósitos. Tem um estilo super condensado que faz as letras ficarem altas e imponentes. Isso funcionaria muito bem para um cabeçalho ou título.

29. 5ª Avenida

A 5th Avenue é positivamente chique com um ar clássico bem adequado para logotipos e marcas oficiais. É uma fonte em negrito com serifas que se destaca graças a muitas letras alternativas que adicionam estilo e interesse.

30. Quakiez

Quakiez é outra opção de fonte moderna que oferece uma opção de serifa para nossa lista. Ele foi projetado com luxo em mente, mas ainda mantém um elemento de minimalismo. Ele vem com dois estilos e pode ser usado para logotipos, títulos, cabeçalhos e muito mais.

31. Exterior moderno

Ou você pode optar pelo Modern Outdoor e invocar imediatamente o camping e o ar livre à vista. Essa fonte é perfeita para títulos, cabeçalhos e logotipos e faria uma declaração de impacto real em pôsteres. Exige atenção e ficar bem em todas as tampas garante ainda mais sua sensação ao ar livre.

32. Hipérbole

A hipérbole é arredondada e futurista. Na verdade, parece positivamente espacial – no bom sentido. Esta fonte tem contadores arredondados, mantendo uma forma geral de caixa.

33. Boxe

A fonte Boxing é quadrada e limpa, perfeita para cabeçalhos, títulos e logotipos. É tudo bonés, alto e interessante de se olhar. O melhor de tudo, é extremamente funcional e pode ser reaproveitado de inúmeras maneiras.

34. Sonda

Sonder é outra fonte multifacetada, realmente. Ele vem com uma opção de fonte slab e sans serif. Ele vem com vários pesos, bem como um estilo regular e áspero. O estilo áspero apresenta algumas lacunas nas letras, criando um visual rústico e natural.

35. Lombok

Lombok é uma fonte fina e extremamente elegante. É uma opção sem serifa com elementos geométricos que a destacam e parecem bastante únicas. É a escolha ideal para cabeçalhos, logotipos e títulos.

36. Distrito

Distrito é uma fonte all-caps que tem um estilo distinto. Cada letra é ligeiramente inclinada, oferecendo uma aparência única que pode ser bem traduzida para uso em logotipos e cabeçalhos. É também uma fonte em maiúsculas inspirada no design modular colombiano.

37. Ailerons

Ailerons se parece com a fonte que apareceria na sinalização alienígena. E atinge bem essa estética. É sem serifa e em maiúsculas e causa impacto, não importa onde você o coloque, embora títulos e cabeçalhos sejam melhores para isso.

38. Etna

Ethna tem um visual clássico, mas um estilo moderno. É uma família de fontes sem serifa inspirada no design humanista e faz um bom trabalho ao combinar elementos de design vintage e modernos para criar algo novo. Este funciona bem em qualquer caso de uso.

39. Noelle

Noelle é uma fonte com serifa geométrica que está pronta para causar uma primeira impressão positiva. É minimalista em design e funcionaria bem para títulos e cabeçalhos em qualquer setor. Tem alguns elementos vintage, mas ainda parece fresco. Use-o online ou impresso. Além disso, ele vem com uma fonte de script como bônus.

40. Sequência

Sequel é uma fonte arredondada perfeita para logotipos e cabeçalhos. O melhor de tudo é que ele vem com uma série de ligaduras que oferecem estilo e interesse adicional a qualquer coisa que você crie com elas. O design aqui é ousado, mas não imponente.

41. Superior

Higher é outra opção de fonte sofisticada que oferece uma aparência clássica. Essa fonte em maiúsculas é super condensada e exigente, oferecendo estilo imediato para qualquer coisa em que você a use.

42. Nano

A Nano é uma fonte sem serifa que tem um visual futurista e é toda em minúsculas, tornando-se uma opção única nesta lista. As próprias letras são super modernas e identificáveis, tornando esta uma ótima opção para logotipos e outros materiais de marca. É melhor para frases curtas, no entanto, pois frases mais longas podem ser um pouco ilegíveis.

43. Jollin

Jollin é uma fonte moderna com dicas encaracoladas em algumas letras e um visual robusto. Esta fonte sem serifa vem em uma versão regular e itálica e inclui uma variedade de letras alternativas para que você possa tornar seu texto mais simples ou mais sofisticado, dependendo do seu humor.

44. Fenômenos

Phenomena é uma fonte estreita e em blocos com bordas arredondadas. Ele faz uma declaração e pode ser facilmente usado para títulos, logotipos ou cabeçalhos. Ele vem com 7 estilos diferentes, de fino a negrito, oferecendo também muitas oportunidades de uso de texto padrão.

45. Calibre

Calibre é uma fonte super condensada que pode se sobrepor ao seu conteúdo se você permitir – no bom sentido. É uma opção de letras maiúsculas que também inclui números, glifos e caracteres ocidentais para uma boa medida.

46. ​​Domingos

Sundays é uma fonte com serifa que é definitivamente da era atual, mas também tem uma sensação clássica que é inegável. É mais fino e mais curvo do que as fontes clássicas semelhantes e tem um estilo que se encaixa em títulos e títulos de revistas, logotipos de sites, cabeçalhos e muito mais.

47. Pedra angular

Cornerstone é outra fonte em blocos que oferece um design modular que pode funcionar em vários aplicativos diferentes, de logotipos a cabeçalhos.

48. Um dia

One Day é uma fonte fina com linhas de desconexão interessantes que a tornam única. É outra fonte toda em maiúsculas com um estilo leve e fino. Inclui números e glifos e parece geométrico sem ser muito quadrado.

49. Coleção

Kollektif é uma fonte classicamente moderna que pode ser usada de várias maneiras. É geométrico em design e vem em dois pesos. Também é otimizado para impressão e uso na web.

50. Nostalgia

Depois, há a Nostalgia, uma fonte moderna com apelo retrô suficiente para parecer que foi criada há décadas. Inclui 3 fontes, bem como glifos alternativos, ligaduras e flores. Seria uma ótima opção para logotipos, títulos, pôsteres ou convites.

51. Elixia

Elixia tem uma aparência etérea condizente com o covil de um alquimista. É geométrico e inclui ângulos de linha extras em cada letra que oferecem um estilo único.

52. Salmão

Ou você pode optar por salmão. Esta fonte sem serifa é em negrito e minimalista. É ideal para títulos, logotipos e cabeçalhos. É um design em letras maiúsculas e inclui uma versão preenchida e delineada que também combina bem.

53. Thinoo

Thinoo é outra fonte sem serifa. Ele vem com um estilo fino e em negrito e inclui todos os estilos de letras, incluindo números, símbolos e pontuação. É profissional e limpo. Simples, mas atraente. Este funcionaria bem para qualquer tipo de site, bem como materiais impressos.

54. Amor de verão

Ou você pode usar Summer Loving, uma fonte moderna super divertida que inclui vários estilos de fonte para que você possa criar um design inteiro usando apenas uma fonte. Ele vem com uma fonte sans, bem como um detalhe de pincel que pode adicionar imediatamente dimensão aos seus projetos. Inclui ligaduras e letras alternativas também.

55. Silverfake

Silverfake oferece uma opção de fonte serif amplamente espaçada para títulos, logotipos, cabeçalhos e materiais impressos. Este ficaria ótimo como um logotipo de camiseta, por exemplo.

56. Viena

Por último, há Viena. Essa fonte moderna é uma opção com serifa que tem todo o apelo de uma fonte clássica usada em capas de revistas com modificações suficientes para atrair a estética dos dias atuais. É mínimo e inclui letras maiúsculas, números e pontuação.

Resumo

Existem várias razões pelas quais você pode querer usar fontes personalizadas em seu site WordPress. Se você deseja se adequar melhor à sua marca ou tornar seu conteúdo mais legível em todos os navegadores, vale a pena fazer o upload de suas próprias fontes de estilo moderno.

Mesmo assim, o processo pode parecer assustador no início. Você precisa encontrar uma fonte, baixá-la, colocá-la em um arquivo .zip e enviá-la para o diretório correto em seu site usando um cliente FTP. Você precisará colar trechos de código nas áreas apropriadas do arquivo CSS do seu tema. Você pode optar por fazer isso manualmente ou através do uso de um plugin (ou pode contratar um desenvolvedor).

Não importa como você aborda esse processo, no entanto, você pode ter certeza de que o resultado final será elegante e adicionará personalidade à aparência geral do seu site. Esperamos que esta coleção de fontes modernas que selecionamos aqui o ajude a descobrir a fonte apropriada para o seu site WordPress. Seja ousada ou fina, arredondada ou áspera, embelezada ou simples, a fonte que você escolher causará impacto!

(Leitura sugerida: Como ocultar a página e os títulos dos posts no WordPress)