2 Remove Virus

As 20 melhores fontes HTML para usar em 2022

Uma fonte pode muitas vezes fazer ou quebrar um site. As fontes desempenham um papel significativo no apelo visual de um site, e escolher a fonte correta pode ir longe para tornar um site mais atraente para seus usuários. Há várias coisas a considerar ao escolher uma fonte para o seu site, incluindo legibilidade e apelo visual. Também é importante escolher uma fonte segura para a Web, por isso funciona bem em todos os dispositivos, navegadores e sistemas operacionais.

 

 

5 tipos de fontes web

As fontes são geralmente classificadas em cinco categorias. Todos eles têm características distintas e são usados para diferentes propósitos. As cinco categorias são Serif, Sans-serif, Monospace, Cursive e Fantasy.

Serif

Fontes serif são reconhecíveis pelos pequenos traços extras nas bordas das letras. Fontes serif são frequentemente usadas em sites porque são altamente legíveis. Eles também parecem formais e são usados em escrita acadêmica, mídia impressa, etc. Algumas das fontes serif mais utilizadas são Times New Roman, Cambria e Garamond.

Sans-serif

As fontes sans-serif não têm os traçados adicionais que são adicionados às fontes Serif. Fontes dessa família têm uma sensação minimalista e espaços amplos entre as letras, o que as torna fontes altamente legíveis. Eles são frequentemente usados para impressão e conteúdo digital.

Monospace

Fontes monoespaciais têm espaços muito distintos e amplos entre as letras, dando-lhes um visual muito limpo. Eles são frequentemente associados a máquinas de escrever e terminais de computador porque é onde os usuários os encontram com mais frequência. Courier é uma das fontes Monospace mais utilizadas.

Cursive

Como o nome indica, fontes cursivas imitam a caligrafia, com letras em looping juntas de forma fluída. Fontes cursivas raramente são usadas em blocos de texto porque podem ser difíceis de ler. Em vez disso, eles são mais usados para postagens de títulos de blog e cabeçalhos.

Fantasia

Fontes de fantasia têm um visual muito distinto e criativo. Eles são muito decorativos, o que os torna bons para títulos de filmes (por exemplo, Harry Potter), títulos de novelas, videogames, etc.

Fontes HTML

Você pode encontrar 20 fontes seguras para a Web que você pode usar para o seu site abaixo.

Arial

O Arial pertence à categoria de fonte Sans-serif. É uma fonte clássica que é mais adequada para todos os sites. É uma fonte muito minimalista com um visual limpo. É fácil de ler, e é por isso que é frequentemente usado em mídias impressas, como jornais. Você não pode errar com Arial, então se você está procurando uma fonte para dar ao seu site um visual limpo e polido, esta é uma boa escolha.

Estreito de Arial

Arial Narrow é um estilo da família de fontes Arial. Como o nome indica, a fonte parece estreita, como se as letras fossem empurradas juntas. Ele tem um visual bastante minimalista, o que o torna uma boa escolha para sites que precisam de um visual simples e polido.

Vezes

Times é outra fonte clássica que rapidamente se tornou a fonte padrão para mídia impressa e escrita acadêmica. Esta é uma das fontes que a maioria das pessoas está acostumada a ver, por isso é uma boa escolha se você quiser que seu site tenha um sentimento familiar. É também uma ótima fonte para sites que têm um monte de texto (por exemplo, blogs).

Times New Roman

Times New Roman é uma variante da fonte Times. É talvez a fonte mais usada no geral porque é aceita como a fonte padrão para escrita acadêmica e mídia impressa. É uma boa escolha se você quiser que seu site pareça profissional e polido.

Helvetica

Helvetica é um tipo de tipo sans-serif amplamente utilizado. Você pode reconhecê-lo sendo usado para marcas comerciais para marcas populares como Adult Swim, Panasonic, Skype, Verizon e Funimation. Também é frequentemente usado para advertências sanitárias sobre produtos de tabaco na UE, bem como para formas federais de imposto de renda nos EUA. Helvetica é uma fonte muito versátil que tem um visual limpo. É adequado para todos os tipos de sites.

Correio

Courier tem um visual muito distinto, com grandes espaços entre letras. Courier é uma ótima escolha se o seu site está relacionado a filmes porque é a fonte padrão para roteiros de filmes. No entanto, geralmente não é usado para pedaços longos de texto. É mais usado para títulos em sites, pois é mais decorativo do que qualquer coisa.

Courier Novo

Courier Now é como uma versão mais fina da fonte Courier. Você pode reconhecê-lo como a fonte padrão do sistema em dispositivos eletrônicos.

Candara

Candara é classificada como um tipo humanista sans-serif e foi inicialmente lançado com o Windows Vista. Faz parte da coleção de fontes ClearType da Microsoft.
É uma fonte clara e altamente legível, o que a torna perfeita para exibições e títulos de postagem de blog. No entanto, tem um pouco de uma sensação old-school para ele.

Verdana

Verdana é uma fonte sans-serif. É uma fonte muito clara e legível com grandes espaços entre letras. A fonte foi usada pela gigante de móveis escandinava IKEA por anos, mas recentemente mudou para outra.

É uma boa fonte para blocos longos de texto e manchetes. Se você precisa colocar um monte de texto em um espaço pequeno, Verdana é uma boa escolha porque ainda é muito legível quando em um tamanho pequeno.

Calibri

Calibri é um tipo sans-serif. Atualmente é o tipo padrão do Microsoft Office e de outros softwares da Microsoft e tem sido desde 2007, embora a Microsoft esteja planejando alterá-lo. Calibri tem um visual moderno com um toque quente por causa das linhas arredondadas. É adequado para muitos tamanhos de texto por causa de sua legibilidade. Por ter um visual limpo, pode ser usado para todos os tipos de sites.

Optima

Optima é um tipo sans-serif. Tem um visual limpo com um visual clássico, mas elegante. É usado por marcas de luxo como Marks e Spencer.

é uma fonte muito versátil que se adequa particularmente a posts de blog, livros e landing pages.

Cambria

Cambria é uma fonte serif. Tem uma sensação muito moderna, e os serifs horizontais fazem dele uma fonte muito clara e legível. Também é bastante versátil e é ótimo se você precisar colocar grandes blocos de texto em espaços pequenos.

Perpétua

Perpétua é um tipo serif. É formal e elegante com uma aparência clássica. Perpétua é uma escolha popular para impressão de livros finos e tem uma sensação criativa para ele. É também uma boa fonte para textos educacionais e informativos.

Garamond

Garamond é uma fonte serif. Tem um pouco de um sentimento antigo para ele, e você pode reconhecê-lo a partir de livros impressos como Harry Potter. É uma opção comum de fonte para livros impressos e displays digitais.

Didot

Didot é uma fonte serif. Tem um design clássico que não parece ultrapassado. Ele tem um visual formal, esteticamente agradável, por isso é uma boa escolha de fonte para cabeçalhos e slogans. Também é frequentemente usado para logotipos. Didot foi usado para o logotipo da CBC News no passado. É também a fonte usada no logotipo atual do The Late Show com Stephen Colbert.

Roteiro de pincel

Brush Script é uma fonte cursiva que imita traços manuscritos. Parece casual/informal e deve ser usado com moderação. É uma boa fonte para pôsteres, pop-ups e landing pages. Mas deve ser evitado em sites em grandes blocos de texto, pois torna-se difícil de ler, especialmente quando em pequeno porte de texto.

Lucida Bright

Lucida Bright é uma fonte serif. Parece oficial e limpo, e é por isso que é uma boa escolha para documentação oficial, revistas e até relatórios de negócios.

Mónaco

Mônaco é um tipo monoespaço sans-serif que é frequentemente usado no macOS. Embora seja uma fonte bem simples, também se destaca. É uma boa escolha para landing pages, pop-ups, etc., especialmente quando você quer chamar a atenção.

Placa de cobre

Copperplate é uma fonte monótona e usa apenas letras maiúsculas. É uma ótima opção para cabeçalhos e títulos em sites, mas também é frequentemente usado para cartões de visita. A fonte apareceu fortemente no programa Who Wants to be a Millionaire.

Mão Bradley

Bradey Hand é uma fonte cursiva que se assemelha à caligrafia. É uma boa escolha para texto decorativo para publicidade e marca, mas deve ser usado com moderação. Ele tem uma sensação casual e mais pessoal, por isso é uma boa escolha quando você quer criar um sentimento mais aconchegante.

Como adicionar fontes HTML

Você pode adicionar fontes HTML ao seu site WordPress manualmente ou usando plugins.

Adicionar fontes HTML manualmente

Geralmente é mais fácil e rápido usar plugins, mas se você não deseja adicionar ainda mais plugins ao seu site WordPress, você pode adicionar fontes HTML manualmente.

  1. Baixe a fonte de sua escolha de um provedor de fontes web.
  2. Converta a fonte em um formato amigável à Web usando a ferramenta Webfont Generator.
  3. Baixe a fonte convertida e carregue-a para o diretório wp-content/themes/your-theme/fonts.

Adicionar fontes HTML usando plugins

Usar plugins para adicionar fontes é muito mais fácil, especialmente se você não tiver muita experiência em fazê-lo manualmente. Existem muitos plugins de fonte HTML que você pode adicionar ao seu site WordPress.

Você pode instalar plugins WordPress de algumas maneiras, e não é difícil. Veja como você pode instalar plugins através da tela administrativa do WordPress:

  1. Plugins -> Adicionar novo.
  2. Usando a galeria de plugins ou a função de pesquisa, encontre os plugins que deseja usar e clique em Instalar Agora.
  3. Uma vez instalado o plugin, você precisa pressionar Ativar para ativá-lo.

 

 

Também é possível instalar plugins WordPress que você obteve de fontes de terceiros. No entanto, você precisa ter muito cuidado sobre quais plugins você instala e de onde você os baixa, porque atores mal-intencionados muitas vezes tentam usar plugins para carregar códigos maliciosos em sites. Apenas baixe plugins confiáveis de fontes confiáveis. Para adicionar um plugin que você baixou de uma fonte de terceiros, use as instruções abaixo:

  1. Baixe o arquivo ZIP do plugin de uma fonte confiável.
  2. Plugins -> Adicionar novo plugin de upload >.
  3. Arraste o arquivo ZIP ou carregue-o.
  4. Clique em Instalar agora.
  5. Clique em Ativar plugin.