Dê uma olhada em qualquer site, independentemente da indústria, tamanho da empresa ou outros fatores diferenciadores e uma coisa que você tem certeza de ver que eles têm em comum é o conteúdo de texto. A maneira como o texto é exibido é a prática do design tipográfico e é um dos aspectos mais importantes da aparência e do comportamento de um site, bem como seu sucesso.
Por muitos anos, os designers da Web restringiram-se ao número de fontes que poderiam usar se quisessem que essas fontes aparecessem de forma confiável nos sites que estavam criando. Essas fontes encontradas na maioria dos computadores eram conhecidas como “fontes seguras da Web”. Você pode ter ouvido este termo no passado de um web designer enquanto tentava explicar a você por que uma determinada escolha de fonte não poderia ser usada no design do seu site.
A tipografia da Web percorreu um longo caminho nos últimos anos, e os designers e desenvolvedores da Web não estão mais limitados a usar apenas algumas fontes seguras para a Web. O surgimento de fontes da web e a capacidade de vincular diretamente a arquivos de fontes abriu um novo mundo de possibilidades para o uso de fontes do site. Por mais útil que seja agora ter acesso a tantas novas opções de fontes, essas fontes seguras e seguras da Web ainda têm um lugar importante no design da web moderno.
Vinculando a fontes da Web
Ao usar fontes em seu site que podem não estar no computador de alguém, você precisa vincular a um arquivo de fonte da Web e instruir seu site a usar esse arquivo de fontes em vez de procurar no computador dos visitantes. O vínculo a essas fontes externas, que são incluídas junto com o restante dos recursos do seu site ou que podem ser vinculadas ao uso de um serviço de fonte de terceiros, oferece opções de fonte quase ilimitadas, mas esse benefício tem um preço. Fontes externas precisam ser carregadas em um site, o que terá um impacto no desempenho do tempo de carregamento de uma página da Web. É aqui que as fontes seguras da Web ainda podem ser um benefício! Como esses arquivos de fontes são carregados diretamente do computador do visitante, não há nenhum impacto no desempenho quando o site é carregado. É por isso que muitos web designers agora usam uma mistura de fontes da web que precisam ser baixadas ao lado dessas fontes seguras da web. Este pode ser o melhor dos dois mundos à medida que você obtém acesso a algumas fontes novas e exóticas e, ao mesmo tempo, consegue gerenciar o desempenho do site e o impacto geral do download.
Fontes Sans Serif Web Safe
Esta família de fontes é uma das suas melhores apostas para fontes seguras da Web. Se você incluir essas em suas pilhas de fontes, quase todas as pessoas verão a página corretamente. Algumas fontes sans-serif web seguras comuns são:
- Arial
- Arial Black
- Tahoma
- Trebuchet MS
- Verdana
Algumas outras opções sem serifa que oferecem uma boa cobertura geral, mas podem estar ausentes de alguns computadores, estão listadas abaixo. Apenas lembre-se de que, se você usá-los, terá também que incluir um mais comum como backup da lista acima na sua pilha de fontes.
- Gótico do século
- Genebra
- Lucida
- Lucida Sans
- Lucida Grande
Serif Web Safe Fontes
Além das fontes sans-serif, a família de fontes serifas é outra escolha popular para sites. Aqui estão algumas das suas apostas mais seguras para você usar se você quiser uma fonte com serifa:
- Correio
- Courier Novo
- Geórgia
- Vezes
- Times New Roman
Mais uma vez, a lista abaixo é de fontes que estarão em muitos computadores, mas que têm menos cobertura geral do que a lista acima. Você pode usar essas fontes de forma bastante confiável, mas deve incluir uma fonte serif mais comum (da lista acima) em sua pilha de fontes também.
- MS Serif
- Nova york
- Palatino
- Palatino Linotype
Fontes Monoespaçadas
Embora não sejam tão usados como fontes serif e sans-serif, as fontes monoespaçadas também são uma opção. Essas fontes são aquelas que apresentam letras que são igualmente espaçadas. Eles não têm uma aceitação tão ampla em todas as plataformas, mas se você quiser usar uma fonte monoespaçada, estas são suas melhores opções:
- Correio
- Courier Novo
Essas fontes também têm alguma cobertura.
- Console Lucida
- Mônaco
Fontes Cursivas e Fantasia
As fontes cursivas e fantasia não são populares como serif ou sans-serif, e a natureza ornamentada dessas fontes as torna inadequadas para usar como cópia do corpo. Essas fontes são usadas com mais frequência como títulos e títulos, onde são definidas em tamanhos de fonte maiores e apenas para curtos períodos de texto. Estilisticamente, essas fontes podem parecer ótimas, mas é necessário ponderar a aparência da fonte em relação à legibilidade de qualquer texto que você definir usando essas fontes.
Há apenas uma fonte cursiva disponível no Windows e no Macintosh, mas não no Linux. É Comic Sans MS. Não há fontes de fantasia que tenham boa cobertura em navegadores e sistemas operacionais. Isso significa que, se você estiver usando cursivas de fontes fantasia em seu site, provavelmente as usará como fontes da Web e vinculadas ao arquivo de fontes apropriado.
Smart Phones e dispositivos móveis
Se você estiver projetando páginas para dispositivos móveis, as opções de fonte seguras para a Web serão variáveis. Para dispositivos iPhone, iPod e iPad, as fontes comuns incluem:
- Arial
- Correio
- Courier Novo
- Geórgia
- helvética
- Palatino
- Times New Roman
- Trebuchet MS
- Verdana
As fontes da Web são uma excelente opção ao considerar o design de vários dispositivos, pois a capacidade de carregar fontes externas proporciona uma aparência muito mais consistente de dispositivo para dispositivo. Você pode então temperar as fontes baixadas com uma ou duas opções seguras da Web para obter a aparência e o desempenho que seu site precisa para ter sucesso.
Artigo original de Jennifer Krynin. Editado por Jeremy Girard em 8/8/17
