As 20 Melhores Fontes HTML Para Usar no seu Site em 2019

Neste conteúdo, mostramos as 20 fontes HTML mais importantes que você pode usar em seu site.

Uma fonte que corresponda à sua proposta de projeto on-line melhora o design da Web e torna o conteúdo mais legível.

No entanto, escolher a opção certa pode ser difícil. Exatamente porque existem muitas possibilidades. E algumas fontes são muito semelhantes para muitas pessoas.

Por que você precisa saber fontes HTML?

Se você sabe ou não, uma fonte HTML é uma Seu site, Isso não apenas tornará seu conteúdo mais fácil de ler, mas também aprimorará a estética de uma página.

Você tem que escolher a tipologia do seu site com muito cuidado. Usar tipos muito pequenos ou muito grandes pode ser prejudicial à forma como o site é apresentado aos leitores.

Além disso, algumas fontes podem ser usadas com segurança em sites. Enquanto outros não são muito. Vamos entrar em mais detalhes abaixo.

Para alterar uma fonte para texto em fontes HTML

Para alterar uma fonte de texto em HTML, você pode usar o atributo style na tag

o que define o uso de parágrafos. Aqui está um exemplo:

Escreva seu texto aqui

No exemplo acima, existem três tipos de fontes (Courier, Arial e Helvetica). O segundo e o terceiro serão salvos se o primeiro não puder ser encontrado na página ou não estiver instalado.

O que é uma fonte da Web segura?

Secure Web Source é um rótulo que descreve uma fonte universalmente instalada em todos os computadores. Seu site carrega mais rápido se você usar uma fonte da Web segura que já está armazenada no seu computador.

E isso afetará o SEO Seu site, porque os mecanismos de pesquisa consideram o carregamento de uma página como um dos fatores de classificação mais importantes.

Por esse motivo, recomendamos que você sempre use uma fonte da Web segura. Isso garante que seus visitantes possam vê-lo com facilidade, mantendo o desempenho do seu site acima.

Observe que existem alternativas para proteger fontes da web. Em geral, alguns dos recursos mais populares são usados, por exemplo Helvetica, futuroPor exemplo, alternativas para Sem serifa como futuro são Noir Pro e Lorin,

Além disso, ao contrário das fontes da Web seguras, fontes alternativas em sistemas operacionais geralmente não são instaladas.

No entanto, você pode querer usar alguns deles porque acha que uma determinada fonte está sendo usada em excesso para que você queira diferenciar.

Tenha em mente, no entanto, que escolher uma fonte alternativa pode afetar um pouco a velocidade do seu site.

Quais são as 5 famílias de fontes existentes?

Em tipologia, cada fonte é um membro de uma dessas cinco famílias de fontes, que mostramos abaixo. Essa semelhança é puramente baseada no design.

Itálico (exemplo: Zapf-Chancery)

As fontes da família itálica imitam a caligrafia humana. Portanto, as letras estão todas unidas e sem separações.

Fantasia (exemplo: Star Wars)

A família de fantasia geralmente tem elementos decorativos em cada letra, mas eles ainda representam personagens. Muitos livros ou filmes usam esses tipos de fontes em seus títulos.

Serifas (exemplo: Times New Roman)

A característica mais marcante desta família de fontes é uma pequena linha nas extremidades de cada letra ou símbolo. Vários sites usam serif para o conteúdo de seus textos em conteúdo escrito.

Sans serif (exemplo: Helvetica)

Ao contrário de Serif, Sans-Serif não anexa uma pequena linha a cada letra ou símbolo. Além disso, a fonte geralmente tem uma largura semelhante e parece minimalista e moderna.

Monospace (exemplo: courier)

Cada letra e símbolo da família de fontes monoespacial ocupa exatamente o mesmo espaço horizontal. É frequentemente usado em máquinas de escrever ou terminais de computador.

Quais tipos de fontes HTML são usados ​​no meu site?

As fontes que exibiremos em nossa lista de fontes HTML são do tipo que armazenamos. Por este motivo, são compatíveis em todos os sistemas e dispositivos diferentes.

Cada um deles tem características únicas. Por isso, você deve considerar o estilo do seu site e a tonalidade da sua escrita antes de escolher a fonte correta.

Lista de fontes HTML – As 20 principais fontes da Web seguras

1. Arial

Arial é uma fonte da família sans serif e é uma das mais usadas no mundo. Muitos críticos dizem que essa fonte é uma coisa certa. Então ambos os textos geralmente apresentam a fonte Arial na Internet e nos jornais.

2. Times New Roman

Essa fonte HTML é uma variação da antiga fonte Times do grupo Serif. Times New Roman é a escolha preferida para conteúdo publicado em livros e publicações impressas. Esta fonte foi mesmo recomendada por APA (Associação Psicológica Americana).

3. Helvetica

Designers geralmente amam Helvetica. É por isso que as pessoas acertam sempre escolhendo-a como sua fonte. Sem surpresas, grandes marcas mundiais como jipe, Kawasaki, Motorola e BMW Use esta fonte em seus logotipos.

4. vezes

Originalmente, o Times é impresso na maioria dos jornais mais antigos. E se você quiser dar um toque tradicional ou formal ao seu site, essa fonte é perfeita para isso.

5. Courier Novo

Essa fonte é uma das alternativas do Courier. É mais fino e visualmente atraente para os olhos quando o vemos em uma tela. Por esse motivo, os dispositivos eletrônicos quase sempre usam o Courier New.

6. Verdana

Essa fonte pode ser lida em tamanhos pequenos em telas de resolução menores. Muitas pessoas identificam Verdana como uma fonte de telas, mesmo que isso não seja verdade. Por exemplo, o IKEA não só usa essa fonte para o site, mas também para catálogos.

7. serviço de correio

Courier é uma das fontes mais conhecidas da família Monospace – todos os sistemas operacionais estão incluídos. Essa fonte HTML também foi usada como padrão em scripts de filmes por causa de sua tipologia de tipologia.

8. Arial Narrow

É uma das versões mais elegantes do Arial. Embora seja uma alternativa, os usuários podem encontrá-lo instalado em vários sistemas operacionais.

9. Candara

O Microsoft Vista foi o primeiro sistema operacional usado por Candara. Além das fontes Calibri e Cambria, a letra "C" nessas fontes está bem integrada ao sistema de renderização de tipologia do Windows.

10ª Genebra

Genebra vem da cidade natal onde o designer viveu (Genebra, Suíça). O genebra pertence à família sans serif.

11. Calibri

Essa é a fonte padrão usada no pacote do Microsoft Office. cabelo Windows Como um dos sistemas operacionais mais usados, temos certeza de que essa fonte de HTML é adequada para a maioria dos sites.

12. Optima

O Optima foi inspirado nas letras romanas clássicas e é usado em todo tipo de texto – desde a placa de rua até o logotipo. Erik Spiekermann, um conhecido tipógrafo alemão, costumava dizer que o Optima pode ser encontrado na maioria dos parques de estacionamento e hospitais dos EUA.

13. Cambria

Cambria, juntamente com Calibri e Candara, é uma das fontes que a Microsoft usa como tecnologia de renderização em tela.

14. Garamond

Garamond é um tipo de letra clássica que é impressa em muitos livros. Esse estilo de fonte corresponde a uma sugestão de que você deseja garantir que seu site pareça seguro.

15. Perpetuamente

Esta fonte é a ideia de um escultor inglês que queria criar uma fonte completamente original. Muitos artistas e textos científicos da clássicos do pinguim e o Universidade da Pensilvânia use Perpetua em suas obras.

16. Mônaco

Monaco é uma fonte que vem no MacOS X. É uma fonte da família Monosspace. Mônaco tem uma letra "O" e um número "0" (zero) contendo uma linha diagonal. Em 2009, o MacOS usou essa fonte no terminal e no Xcode.

17. Didot

Didot é uma fonte da família serif e foi descrita por muitos críticos como neoclássica. Uma das aplicações mais famosas está em CBS News e no O último show de Stephen Colbert,

18. roteiro de pincel MT

Esta fonte tem um estilo de caligrafia baseado em uma técnica de escrita manual. Assim, o Brush Script MT é uma opção de fonte HTML muito agradável e fácil de ler para o seu site.

19. Lucida Bright

Lucida Bright é uma das versões da família de fontes Lucida Bright. A diferença é que as linhas nesta fonte têm mais contraste do que os outros membros do grupo. Uma famosa publicação usada por Lucida Bright é esta Revista Scientific American,

20. placa de cobre

Os projetistas da Copperplate queriam que a fonte fosse usada apenas para títulos e títulos. É por isso que essa fonte é escrita em letras maiúsculas. Ela era muito famosa como o programa Quem será um milionário? começou a usá-lo como marca registrada.

Menção vergonhosa

Usuários da Internet compartilham um certo gosto: eles odeiam a fonte Desenhos animados Sans, As pessoas consideram essa fonte infantil, não profissional e até engraçada.

Isso se tornou um meme ao longo dos anos e, portanto, não é recomendável usá-lo. Existem opções que tornam o seu site visualmente atraente.

conclusão

Agora você pode decidir qual fonte é melhor para o estilo e o tom do seu site. Basta procurar a usabilidade de um determinado tipo e ver se ele se ajusta ao que você precisa.

Boa sorte e não se esqueça de usar quadrinhos sans, beleza? (Isso

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

You May Also Like

nova ferramenta para os produtores de notícia

Com o objetivo de "construir um futuro mais forte para o jornalismo",…

saiba como se posicionar antes, durante e depois

Crise Toda vez que essa palavra aparece, ela causa arrepios e preocupações,…

como se reformular para manter no topo

De 1994 até hoje muita coisa mudou no cenário do marketing educacional.…

10 Melhores Plugins para Criar Diretório no WordPress

Os diretórios são basicamente bancos de dados que os usuários podem gerenciar…