Como escolher fontes para o seu site

Algumas fontes não funcionam bem em sites. Infelizmente, muitas fontes existem nos dias de hoje para você encontrar uma lista completa de quais os que fazem e quais os que não o fazem. Além disso, é importante compreender que as fontes, como a moda, entrar e sair de estilo para uso na web (para um exemplo rápido de uma fonte fora de moda, basta fazer uma pesquisa no Comic Sans). Mas existem algumas orientações gerais para ajudar a selecionar as fontes da direita para diferentes aplicações.

Padrão contra fontes de exibição em web design

A fim de escolher a fonte certa para o seu site, você deve estar familiarizado com as diferentes categorias de fontes. Geralmente, você deve usar fontes padrão para páginas de texto do corpo e reservar as fontes mais extravagantes ou decorativos, muitas vezes chamado exibição fontes, para os títulos curtos, textos explicativos, e subtítulos.

fontes padrão incluem Garamond, Times, Georgia, Arial, Helvetica, e Verdana, que foram projetados para legibilidade e trabalhar bem para grandes blocos de texto. Eles são fontes comuns que muitas pessoas têm ouvido falar. Há um número de fontes, no entanto, que caem no # 147-padrão # 148- categoria com nomes que você pode não reconhecer.

pesos de fonte para cópia de corpo são geralmente chamados de Roman, corpo ou Regular. Os leitores não se distraiam com o projeto dessas fontes clássicas, permitindo-lhes concentrar-se sobre o texto na mão. fontes padrão são projetados para facilitar a leitura, para que eles funcionam bem nos tamanhos de pontos menores e em grandes blocos de texto.

fontes extravagantes, por outro lado, ou outras variantes de peso de uma fonte, como negrito, condensado, Semi corajoso, preto, e Ultra, tem um monte de detalhes e personalidade, ideal para grandes rubricas-definidos e subtítulos que consistem em poucas palavras. Essas fontes chamar a atenção das pessoas, mas eles não são projetados para uma longa página de texto. Muitas vezes é possível distinguir as fontes decorativas apenas pelos seus nomes, tais como Kid Print, Comic Sans, e assim por diante (veja a figura abaixo).

Espessura na web

A espessura de cada letra individual (ou espessura da linha) Contribui muito para a leitura de uma fonte. Porque pixels em computadores não são comparativamente muito pequena, fontes que são muito finas podem desaparecer no esquecimento, especialmente em tamanhos de ponto menores.

Se você examinar qualquer fonte, você percebe que a espessura varia em cada letra. Por exemplo, dê uma olhada na carta m no exemplo, abaixo. A carta é definida em poucos tipos de letras diferentes para comparação. Algumas fontes, tais como Kepel Bold (exemplo à extrema esquerda), mudar drasticamente entre as áreas grossas e finas de uma única letra. Em um tamanho pequeno ponto, para a letra m, tudo que você vê é uma bolha de três pinceladas ousadas - os traços finos desaparecer completamente. Ao escolher fontes para texto de ponto-pequeno tamanho, portanto, encontrar versões que não têm uma grande variação na espessura do traçado. Além disso, evitar o # 147-leve # 148- edições de fontes - elas são muito fina para ler em um tamanho pequeno ponto. (A maioria das famílias de fontes vêm em uma variedade de espessuras, variando de leve para o mais fino do conjunto de corajoso, preto, e ultra para progressivamente mais pesado o peso da linha.)

Serif contra fontes sans-serif em web design

Sua educação fonte não estará completo até que você sabe a diferença entre fontes com serifa e sem serifa. UMA serif é a pequena saliência que adorna as pontas de uma carta. Sem serifa fontes, por outro lado, não têm estas saliências. Algumas fontes sans-serif modernos têm pequenos enfeites em suas pontas, fazendo você olhar duas vezes, mas eles são fontes sans-serif ainda considerados. Ambos serif, san-serif pode ser usado para grandes blocos de cópia do corpo. Normalmente, as fontes serif dar a página de um olhar mais conservador, elegante, ou cheio de novidades, enquanto que o uso de fontes san-serif produz um produto de limpeza, toque mais moderno.

As fontes nas listas de todos sobreviveram a teste de 10 pontos: Eles são todos legível quando fixado em apenas 10 pontos, que é o menor tamanho de fonte para o texto que você deve sempre considerar para cópia de corpo em web design (melhor para definir em 11 pontos, pelo menos).

Tente misturar fontes com serifa e sem serifa juntos. Por exemplo, use um estilo para títulos eo outro estilo para o corpo do texto. A escolha de um conjunto de duas a três fontes para o seu site - um para cada tipo diferente de tipo de elemento - ajuda a adicionar interesse visual para a página, como no exemplo a seguir.