“Fontes da Web” e “fontes seguras da Web” são dois conceitos diferentes relacionados ao uso de fontes em sites. Antes de começarmos, vamos esclarecer um pouco a terminologia. Qual é a diferença entre as fontes já instaladas no seu dispositivo e as que você precisa baixar?

  1. Fontes seguras para a Web: também conhecidas como "fontes do sistema" ou "fontes do navegador" fontes seguras para web são fontes instaladas em todos os dispositivos e navegadores.

      2. Fontes da web: embora confuso, fontes da web consulte todas as fontes que não são fontes seguras para a web, especialmente fontes comerciais e desenvolvidas de forma independente.

Assim, as fontes seguras para web são as mais comuns disponíveis no Windows ou Mac, Chrome ou Safari. Por isso, fontes da web não são tão fáceis estão disponíveis e geralmente você mesmo precisa baixá-los e instalá-los.

O livro é um romance. Como criar?

Qual você deve usar em web design?

Ambos têm o deles vantagens e desvantagens.

Para web design, que é o meio abordado neste artigo, o principal benefício das fontes seguras para web é que elas carregam mais rápido, reduzindo o tempo de carregamento do seu site. Não é uma grande diferença, mas se você quiser reduzir cada milissegundo perdido, eles são importantes.

A desvantagem das fontes seguras para a web é que elas são genéricas. Não há nada de único ou original neles - eles estão disponíveis para literalmente todos. Se você quiser estilo ou arte, terá que usar uma fonte da web diferente.

As fontes da Web têm muito mais variedade; é um conjunto de fontes que está sendo constantemente adicionado e expandido. Você pode obter as melhores fontes da web para sua marca, projetadas especificamente com base no que procura, ou pode licenciar uma existente on-line em um hub de fontes. Sua principal vantagem é, obviamente, a originalidade. Se você deseja uma fonte que se destaque, fontes seguras para a web não funcionarão.

Se você estiver tendo problemas para tomar uma decisão, verifique este fluxograma útil de David Gilbertson, do Hackernoon (lembre-se de que ele usa “fontes do sistema” para significar “fontes seguras para a web”).

E quanto à estética das fontes personalizadas?

Mas escolher entre as melhores fontes da web e as melhores fontes da web não é sua única decisão. Você também deve decidir qual estilo de tipografia se adequará à sua marca e à funcionalidade do site. Fontes diferentes são mais adequadas para longos blocos de texto do que para títulos atraentes, sem mencionar o impacto que têm na percepção da sua marca.

Neste guia, dividimos todos eles em três categorias com base na estética da fonte: serifa, sem serifa e decorativa. Para quem não sabe, serifas são aquelas marquinhas ou “bandeiras” que às vezes aparecem no final das letras. Explicaremos o uso recomendado de cada um abaixo, bem como como eles afetam identidade da sua marca.

 

Quando usar fontes Serif Web em Web Design

As serifas têm uma longa história na tipografia. Mas se você está procurando fontes para sites, tudo que você precisa saber é que as serifas estão no lado “sério” do espectro. Isso os torna excelente para marcas profissionais e oficiais, mas um pouco inconsistente para marcas amigáveis ​​e casuais, se não forem configuradas adequadamente.

Esteja você procurando a melhor fonte da web ou a melhor fonte da web, as serifas são melhores para marcas que desejam transmitir autoridade, sofisticação e classe. Eles têm um apelo clássico da história, por isso funcionam bem com marcas que já existem há muito tempo ou com marcas que assim o desejam. parece . A desvantagem é que as fontes serifadas podem ser percebidas como sérias, talvez excessivamente formais; portanto, se você as usar, elas precisam trabalhar com os valores da sua marca para não serem desanimadoras. público-alvo.

Também é importante notar que as fontes serifadas são fáceis de ler, e é por isso que são frequentemente usadas para corpo de texto, títulos e subtítulos. Isso não significa que Fontes sem serifa são difíceis de ler; eles são ótimos adequado para longos blocos de texto. Mas há uma razão pela qual publicações de alto nível como The New York Times и Boston Globe, ainda usam fontes serifadas da web em seus artigos digitais. E, não por coincidência, ambos os jornais tendem para estilos de marca “formais” e “clássicos”, ao mesmo tempo que promovem textos longos.

O tamanho e o estilo das fontes também são críticos. Serifas grandes e em negrito farão com que sua fonte pareça mais estilizada e, em casos extremos, mais vibrante e profissional. Da mesma forma, serifas menores e menores são menos formais - ideais se você está procurando um meio-termo entre "sério" e "divertido".

Melhores fontes serifadas da web:

Exemplo de fonte para Baskerville

Exemplo de fonte para Cambria

Exemplo de fonte para Courier

Exemplo de fonte para Didot
Exemplo de fonte para Garamond
Exemplo de fonte para Times New Roman

Melhores fontes serifadas da web:

Amostra de fonte de vestuário

Exemplo de fonte para Argesta
Exemplo de fonte para Bogart
 
Exemplo de fonte para Giveny
 
Fontes da web Juana
 
Exemplo de fonte Maiah.
 
 

Quando usar fontes da web sem serifa?

As fontes sem serifa são exatamente o oposto das fontes com serifa, tanto na forma quanto na maneira como aparecem para o visualizador. Nesse caso sans significa literalmente "sans serif", então todas as fontes sem serifa são fontes sem serifa.

Como você pode imaginar, as fontes sem serifa são mais simples e despreocupadas. Elas não se parecem com fontes serifadas. Sans serifs são fontes para conversas amigáveis ​​e mensagens informais, que lembram uma simples caligrafia. Eles são projetados para serem rápidos e simples, talvez às custas da decência.

As fontes sem serifa são melhores para sites que desejam mostrar aos visitantes: "Somos iguais a você". São descontraídos e descontraídos, ideais para materiais educativos, publicações digitais ou blogs. Se você brinca muito ou usa emojis em seus artigos, uma fonte sem serifa teoricamente funcionaria melhor.

Pela mesma razão, as fontes web sem serifa são a escolha preferida para textos informais e adicionais: legendas de imagens, publicações em redes sociais, assinaturas, isenções de responsabilidade e publicidade na web. As fontes sem serifa funcionam melhor em textos onde a leitura é feita rapidamente e sem urgência, por isso é importante entender como seu público-alvo público consome tipo de conteúdofonte que você deseja criar antes de escolher se ela pode ser a melhor fonte da web (ou segura para a web). fonte) para você.

 

Melhores fontes web sem serifa:

Fonte de exemplo para fontes da web Arial

Exemplo de fonte para Calibri

Fonte de exemplo para fontes da web Dejavu Sans

Exemplo de fonte para Genebra
Fonte de exemplo para fontes da web Helvetica

Melhores fontes da web sem serifa:

Exemplo de fonte para Devant Pro

Fonte de exemplo para fontes da web Grafton
Exemplo de fonte para IBM Plex Sans
 
Fonte de exemplo para fontes da web Itálico
Exemplo de fonte para Monolith
Fonte de exemplo para fontes da web TT Norms Pro
 

Quando usar fontes decorativas da web.

Por último, temos as fontes decorativas, que podem ser fontes com serifa ou sem serifa. Eles também podem ser a melhor fonte da web ou fonte segura da web para seus títulos e títulos. Decorativo fones de ouvido tenha um design rico; devem ser artísticos ou estilísticos, com mais ênfase na aparência do que no que dizem. Embora a maior parte da tipografia seja projetada para funcionalidade, essas fontes são projetadas para exibição.

Fontes decorativas são melhores para destaque e ênfase, como títulos, citações destacadas ou títulos de artigos. Eles são a cereja do bolo, então use-os com moderação e para obter um efeito dramático. Eles agregam personalidade, humor e criatividade, mas não exagere. Pense nisso como adicionar sal à sua comida e evite sobrecarregar o paladar do público. Isso significa que eles não funcionarão para longos blocos de texto ou legendas de imagens. Nem pelos dados de contato da sua marca, nem pelo texto do rodapé.

Como as fontes decorativas da web se adaptam a todos os estilos e personalidades, elas podem funcionar muito bem quando combinadas com fontes serifadas ou sem serifa mais simples. Mas nunca sacrifique a legibilidade pela aparência. As fontes decorativas são apenas entretenimento até que o leitor entenda o que elas têm a dizer.

Como escolher a fonte certa para o logotipo?

Melhores fontes decorativas da web:

Fontes da web da fonte Bradley Hand

Fonte Bradley Hand

Fontes da web Font Brush Script MT

Fonte Fontes da web Copperplate

Fonte Luminari
Fontes da web Monaco
 

Ou você pode simplesmente usar Comic Sans

Escolher uma fonte da web para o seu site é uma decisão importante que afeta a forma como os visitantes usam o seu site e como eles percebem a sua marca. Para ser único e ganhar autoridade em seu web design, muitas vezes o que importa é encontrar a melhor fonte da web, não a melhor fonte da web. Usar a fonte certa nos lugares certos afeta quais elementos serão vistos primeiro e, quando usada estrategicamente, pode aumentar a conversão, tempo no local e muitos outros objetivos de negócios.

Se esta solução parecer muito complicada, você pode simplesmente usar o Comic Sans. Afinal, de que lhe servem os mortais se você pode caminhar entre os deuses?

 АЗБУКА