Ao criar um site WordPress, você precisa ter todas as ferramentas adequadas para causar um impacto efetivo. Isto inclui uma série de fontes modernas!

Entretanto, seu tema WordPress pode não ter a seleção de fontes que você precisa escolher. Ou, você pode não estar satisfeito com as que foram selecionadas para você.

Devido a estes fatores, ser capaz de instalar algumas fontes personalizadas é essencial. Vamos discutir aqui hoje uma variedade de opções de fontes. Mas primeiro, vamos tirar as coisas técnicas do caminho.

O que realmente torna uma fonte moderna?

As fontes modernas não são de forma alguma novas. O estilo foi originalmente desenvolvido no século XVIII. Apesar disso, seus designs continuam sendo relevantes no mundo moderno. Na verdade, você as vê literalmente em todos os lugares.

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

As fontes modernas são afiadas, elegantes, arrojadas, profissionais e elegantes. Elas também são frequentemente sans serif (mas nem sempre). Seu design é imediatamente distinto e são freqüentemente usadas em cabeçalhos e logotipos. Elas podem ser nitidamente corporativas, mas não agressivas. Ao contrário, eles são ousados e exigem atenção.

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

Reparou como é condensado e estreito?

chris wilhite

chriswilhitedesign.com

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

Fique chique com suas ✨ fontes ✨ graças a esta lista de mais de 50 opções modernas ⬇️Click to Tweet

Como fazer o upload de fontes baixadas para o WordPress

As fontes personalizadas baixadas da web precisam de um pouco mais de trabalho para que funcionem, já que não se pode simplesmente importá-las como se poderia para um serviço on-line como o Google Fonts. Em vez disso, você precisará carregar manualmente suas fontes ou usar um plugin para fazer o trabalho.

Mas antes de fazer qualquer upload, você precisa primeiro certificar-se de que suas fontes estão 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 diretamente da caixa.

Mas isto não é um grande incômodo. Basta usar a ferramenta gratuita Webfont Generator para transformar qualquer fonte personalizada que você tenha encontrado on-line em um formato legível e utilizável por todos os navegadores da web.

Transformar quaisquer fontes em fontes seguras para a web

Transformar quaisquer fontes em fontes seguras para a web

Completar este passo também irá longe em direção à velocidade otimizando suas fontes. No entanto, não é isso. Você também deve seguir algumas dicas para garantir que suas fontes personalizadas não estejam consumindo recursos ou diminuindo desnecessariamente o tempo de carga do seu site:

O carregamento manual de fontes requer um pouco de habilidade técnica, mas não está fora do alcance da maioria dos proprietários de websites.

  1. Faça o download de sua fonte moderna personalizada escolhida (muitos exemplos abaixo).
  2. Salve um backup de seu website (incluindo todo o conteúdo e o banco de dados) e/ou use um tema filho para as seguintes mudanças.
  3. Carregue os arquivos de fontes em um . zip para a pasta wp-content/themes/your-theme-name/fonts. Se não houver uma pasta “fonts”, vá em frente e faça um, então carregue seu arquivo de fonte . zip lá. Use qualquer cliente FTP de sua escolha para realizar isto.
  4. No painel do WordPress, navegue até Appearance > Theme Editor e acesse o arquivo style.css. Você precisará adicionar um trecho de código personalizado a este arquivo. Adicione a família de fontes e a URL apropriada ao trecho 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 acrescenta a fonte ao seu site. A seguir, você precisa dizer ao WordPress onde a fonte deve ser usada. Para isso, abra novamente o arquivo style.css e use este trecho de código:

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

Neste trecho de código, você precisa identificar a qual aspecto de seu site você deseja que a fonte se aplique e especificar o nome da fonte antes de atualizar o arquivo.

Por outro lado, se você quiser pular todo este material de upload manual, você pode usar um plugin para adicionar fontes ao WordPress. Uma opção sólida inclui Use Any Font. Como seu nome sugere, você pode usá-lo para carregar qualquer fonte personalizada em seu site e atribuí-la a elementos CSS.

56 das fontes mais modernas a serem utilizadas em 2021

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

1. Intro

Modern fonts: intro

Intro

Intro é uma fonte moderna de aparência padrão que oferece linhas arrojadas e apresentação que poderiam ser facilmente utilizadas para cabeçalhos ou títulos. Esta família de fontes inclui 72 fontes com 8 pesos diferentes, de fino a grosso, dando-lhe toneladas de flexibilidade.

2. Komoda

Modern fonts: komoda

Komoda

Outra opção é a Komoda. Esta fonte é condensada e super interessante de se ver. É tudo caps e sans serif com um olhar de bloco onde a linha média de cada letra é levantada para cima. E suas ligaduras fazem uma declaração. Uma escolha perfeita para logotipos aqui.

3. Stoked

Modern fonts: stoked

Stoked

Stoked é outra seleção de todas as tampas que oferece um visual único 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 lhe dão uma espécie de stenciled look.

4. Classy Marisa

classy marisa

Marisa

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

5. Canter

canter

Canter

Canter é outra grande escolha. Esta é uma fonte sem serifa que apresenta todas as tampas e tem espaçamento condensado. Ela também vem em seis pesos diferentes, incluindo uma opção 3D e uma com uma sombra de gota proeminente.

6. Lucky

lucky

Lucky

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

7. Zafir

Modern fonts: zafir

Zafir

Zafir oferece outra escolha de fonte moderna que vale bem a pena considerar. É super mínima na apresentação. Zafir é outra opção de todas as tampas. É uma fonte serif com linhas curvas e um visual geral interessante que poderia funcionar bem para logotipos e títulos.

8. Coves

coves

Coves

Ou você poderia usar Coves. Ela vem com dois pesos, leve e ousada, e oferece uma opção de fonte elegante e simplificada para seus projetos mais recentes. Use-a para textos padrão e também para títulos e cabeçalhos. É verdadeiramente polivalente.

9. Azonix

azonix

Azonix

Azonix fornece outra seleção moderna de fontes, desta vez com uma dobra futurista. É uma fonte tipo sans serif que enfatiza um aspecto geométrico. É tudo de bonés e facilmente parece que poderia ser usado na sequência de crédito de abertura de um filme de ficção científica.

10. Arkhip

arkhip

Arkhip

O Arkhip é outra seleção livre de fontes que mantém um design moderno ao mesmo tempo em que relembra as épocas passadas. Ela usa elementos da tipografia russa para criar algo moderno e verdadeiramente novo.

11. Prime

Modern fonts: prime

Prime

Há outra fonte a ser considerada chamada Prime. É uma fonte moderna sem serifa que apresenta linhas arrojadas e tem um aspecto futurista geral. Ela tem cantos geométricos e parece perfeita para websites com temas futuristas ou tecnológicos.

12. Glober

glober

Glober

Glober é outra fonte moderna para a qual você deve dar uma olhada. Esta família de fontes inclui 18 pesos com uma divisão uniforme de 9 verticais e 9 em itálico. É uma fonte san serif que é fácil de ler e fácil de aplicar a uma série de situações diferentes, incluindo títulos, bem como o corpo do texto.

13. MADE Gentle

made gentle

MADE Gentle

MADE Gentle é outro tipo de face moderna digno de consideração. É considerada uma serifa macia e foi inspirada na fonte Cooper Black. Esta é ousada, mas arredondada e parece lembrar as capas de livros antigos e a sinalização dos anos 70.

14. Nordic

nordic

Nordic

Nordic é simultaneamente moderno e clássico e oferece dois tipos e três pesos à escolha. O design foi inspirado nas runas norueguesas e seria perfeito para uso em títulos, cabeçalhos e logotipos.

15. Maddac

Modern fonts: maddac

Maddac

A fonte Maddac oferece uma opção elegante para seu website. É ousada, em bloco, e sem serif. É moderna no design e única na 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. Croc

croc

Croc

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

17. Aqua

Modern fonts: aqua

Aqua

Aqua é outra fonte para a qual você deve dar uma olhada. Esta tem uma qualidade art nouveau que a faz parecer intemporal. É ousada mas simples e apresenta ornamentos e ligaduras que a fazem sobressair de outras fontes similares.

18. Manifesto

manifesto

Manifesto

Faça uma declaração ousada com o Manifesto. Esta fonte foi inspirada pelo movimento racionalista italiano e tem uma qualidade editorial decididamente editorial para ele. Utilize-a para títulos, logotipos e títulos. Utilize-a para projetos impressos e online. É verdadeiramente versátil dessa forma.

19. Orkney

orkney

Orkney

Orkney é uma bela fonte de aparência profissional. A fonte é de desenho geométrico e pode ser usada para uma grande variedade de propósitos. Utilize-a para títulos ou logotipos. Use-a para textos padrão. Use-a na impressão ou em mídia digital. O céu é o limite aqui.

20. Elppa

elppa

Elppa

Elppa tem um olhar futurista que é cativante e multifacetado. O tipo de letra é bastante mínimo, ao mesmo tempo em que capta uma espécie de sensação da era espacial. Utilize-a para projetos impressos e web. Funcionaria para logotipos e títulos, provavelmente não corpo de texto, mas definitivamente útil para gráficos e afins.

21. Corn

corn

Corn

Corn é uma fonte interessante que tem cantos arredondados e uma sensação de estilo de fazenda. Ela 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 você desejar. Você poderia construir um design de site inteiro com este aqui.

22. Koliko

koliko

Koliko

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

23. Quirk

Modern fonts: quirk

Quirk

Quirk é na verdade uma fonte de aparência bastante peculiar. O nome para ele é uma boa escolha. É uma fonte de todas as tampas que inclui ligaduras divertidas e elementos empilháveis.

24. Le French

le french

Le French

Le French é uma escolha de fonte sofisticada, especialmente se você estiver procurando replicar essa sensação de café francês vintage. Uma excelente escolha para cardápios e sites relacionados a alimentos em todos os lugares. Use-o também para títulos, cabeçalhos, logotipos e corpo de texto.

25. Munich

munich

Munich

Munich é uma linda escolha de fonte sans serif que seria uma excelente escolha para um logotipo ou título gráfico. Ela é alta e imponente sem ser ameaçada.

26. Northwest

northwest

Northwest

Northwest é uma fonte de estilo moderno com um toque retro. É uma reminiscência de logotipos de equipamentos de campanha e títulos de revistas ao ar livre. Com serifas de boxe e elementos decorativos, esta fonte funcionaria bem para qualquer tipo de conteúdo com temática externa.

27. Modeka

modeka

Modeka

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

28. Disclaimer

disclaimer

Disclaimer

Disclaimer é uma escolha de fonte estreita e ousada que é excelente para uma grande variedade de propósitos. Tem um estilo super-condensado que faz com que as letras fiquem altas e imponentes. Isto funcionaria muito bem para um cabeçalho ou título.

29. 5th Avenue

5th avenue

5th Avenue

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

30. Quakiez

Modern fonts: quakiez

Quakiez

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

31. Modern Outdoor

modern outdoor

Modern Outdoor

Ou você poderia optar pelo Modern Outdoor e imediatamente invocar acampamentos e outdoors à vista. Esta fonte é perfeita para títulos, cabeçalhos e logotipos e causaria um verdadeiro impacto nos cartazes. Ela exige atenção e sentar-se bem em todos os bonés garante ainda mais sua sensação de estar ao ar livre.

32. Hyperbola

Modern fonts: Hyperbola

Hyperbola é arredondada e futurista. Na verdade, ela parece positivamente espaçosa – de uma boa maneira. Esta fonte tem contadores arredondados enquanto mantém uma forma geral boxeada.

33. Boxing

boxing

Boxing

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

34. Sonder

sonder

Sonder

Sonder é outra fonte multifacetada, verdadeiramente. Vem com a opção de uma laje e sem fonte serif. Ela vem com vários pesos, bem como com um estilo regular e áspero. O estilo áspero apresenta algumas lacunas nas letras, criando um visual rústico e natural.

35. Lombok

lombok

Lombok

Lombok é um tipo de cara fina e extremamente elegante. É uma opção sem serifa com elementos geométricos que o fazem sobressair e parecer bastante único. É uma escolha ideal para cabeçalhos, logotipos e títulos.

Cansado de um host lento? Kinsta é construído com velocidade e desempenho em mente. Confira nossos planos

36. Distrito

distrito

Distrito

Distrito é uma fonte de todas as tampas que tem um estilo distinto. Cada letra é ligeiramente inclinada, oferecendo um visual único que poderia traduzir bem para uso em logotipos e cabeçalhos. É também uma fonte com todas as tampas inspirada no design modular colombiano.

37. Ailerons

ailerons

Ailerons

Ailerons parece ser a fonte que apareceria na sinalização alienígena. E ele atinge este bem estético. É sem serifas e sem tampas e causa impacto, não importa onde você o coloque, embora títulos e cabeçalhos sejam melhores para ele.

38. Ethna

Modern fonts: ethna

Ethna

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

39. Noelle

noelle

Noelle

Noelle é uma fonte de serifa geométrica que está pronta para causar uma primeira impressão positiva. É minimalista no design e funcionaria bem para títulos e cabeçalhos em qualquer indústria. Ela tem alguns elementos vintage, mas ainda parece fresca. Use-a online ou impressa. Além disso, vem com uma fonte de roteiro como um bônus.

40. Sequel

sequel

Sequel

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

41. Higher

Higher

Higher é outra escolha de fonte sofisticada que oferece um visual clássico. Esta fonte de todas as tampas é super condensada e exigente, oferecendo estilo imediato a qualquer coisa em que você a use.

42. Nano

nano

Nano

Nano é uma fonte não-seriforme que tem um aspecto futurista e é toda em letras minúsculas, o que a torna uma opção única nesta lista. As próprias letras são super modernas e identificáveis, tornando-a uma ótima escolha para logotipos e outros materiais de marca. É melhor para frases curtas, porém, pois frases mais longas podem ser um pouco ilegíveis.

43. Jollin

jollin

Jollin

Jollin é uma fonte moderna, com tacos encaracolados em algumas letras e um visual todo volumoso. Esta fonte sem serif vem em uma versão regular e itálica e inclui uma variedade de letras alternativas para que você possa fazer seu texto parecer mais simples ou mais extravagante, dependendo de seu humor.

44. Phenomena

phenomena

Phenomena

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

45. Calibre

calibre

Calibre

Calibre é uma fonte super condensada que pode se sobrepor seu conteúdo se você o deixar – de uma boa maneira. É uma opção com todas as tampas que também inclui números, glifos e caracteres ocidentais para uma boa medida.

46. Sundays

sundays

Sundays

Sundays é uma fonte serif que é definitivamente da era atual, mas também tem uma sensação clássica que é inegável. É mais fina e curvada 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. Cornerstone

cornerstone

Cornerstone

Cornerstone é outra fonte blocky que oferece um design modular que poderia funcionar em várias aplicações diferentes, desde logotipos até cabeçalhos.

48. One Day

one day

One Day

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. Ela inclui números e glifos e sente-se geométrica sem ser muito boxeada.

49. Kollektif

kollektif

Kollektif

Kollektif é uma fonte classicamente moderna que poderia ser usada de várias maneiras. É geométrica no design e vem em dois pesos. Também é otimizada tanto para impressão quanto para uso na web.

50. Nostalgia

Modern fonts: nostalgia

Nostalgia

Depois há a Nostalgia, uma fonte moderna com apelo retrô suficiente para fazer com que ela se sinta como se tivesse sido criada décadas atrás. Ela inclui 3 fontes, bem como glifos alternativos, ligaduras e flores. Seria uma ótima escolha para logotipos, títulos, cartazes ou convites.

51. Elixia

elixia

Elixia

A Elixia tem um aspecto etéreo próprio do covil de um alquimista. É geométrica e inclui ângulos de linha extras em cada letra que oferecem um estilo único.

52. Salmon

salmon

Salmon

Ou você poderia optar pelo Salmon. Esta fonte sem serif é ousada e mínima. É ideal para títulos, logotipos e cabeçalhos. É um desenho de todas as tampas e inclui uma versão preenchida e delineada que também se encaixa bem entre si.

53. Thinoo

thinoo

Thinoo

Thinoo é outra fonte san serif. Ela vem com um estilo fino e arrojado e inclui todos os estilos de letras, incluindo números, símbolos e pontuação. É profissional e limpa. Simples mas atraente. Esta funcionaria bem para qualquer tipo de website, bem como para materiais impressos.

54. Summer Loving

summer loving

Summer Loving

Ou você poderia usar o 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. Ela vem com uma fonte sem fonte, bem como um detalhe de pincel que pode imediatamente acrescentar dimensão a seus projetos. Ela inclui também ligaduras e letras alternadas.

55. Silverfake

Silverfake

Silverfake

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

56. Vienna

vienna

Vienna

Finalmente, há Vienna. Esta fonte moderna é uma opção serif que tem todo o apelo de uma fonte clássica usada em capas de revistas com modificações suficientes para apelar para a estética atual. É mínima e inclui letras maiúsculas, números e pontuação.

Se as fontes modernas são exatamente o que seu site WordPress precisa 📝, você vai querer conferir este guia para mais de 50 novos options✨Click to Tweet

Resumo 

Há uma série de razões pelas quais você pode querer usar fontes personalizadas em seu site WordPress. Se você quer 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ê tem que encontrar uma fonte, baixá-la, colocá-la em um arquivo . zip e depois carregá-la no diretório correto em seu site usando um cliente FTP. Você precisará colar trechos de código nas áreas apropriadas do arquivo CSS de seu tema. Você pode optar por fazer isso manualmente ou através do uso de um plugin (ou você pode contratar um desenvolvedor).

Não importa como você aborde este processo, entretanto, você pode ter certeza de que o resultado final será elegante e acrescentará caráter à aparência geral do seu site. Esperamos que a coleção de 56 fontes modernas que curamos aqui o ajude a descobrir a apropriada para o seu site WordPress. Seja ela ousada ou fina, arredondada ou dura, embelezada ou simples, a fonte que você escolher causará um impacto!

(Leitura sugerida: Como Esconder a Página e Publicar Títulos no WordPress)


Se você gostou deste artigo, então você vai adorar a plataforma de hospedagem WordPress da Kinsta. Turbine seu site e obtenha suporte 24/7 da nossa veterana equipe WordPress. Nossa infraestrutura alimentada pelo Google Cloud se concentra na escalabilidade, desempenho e segurança. Deixe-nos mostrar-lhe a diferença da Kinsta! Confira nossos planos