Qual fonte usar para um site?

Hoje oferecemos algumas regras e alguns conselhos práticos para garantir que o conteúdo textual do seu site também é agradável de ler.

Em primeiro lugar, olayout algum texto em um site não é fácil. A harmonia entre as peças escritas e os gráficos não deve ser subestimada. o tipo de fonte que você usa e sua caracterização são tão funcionais para o desempenho geral do site quanto o layout gráfico.

Qual fonte usar para um site?

O formato do texto na web

Se em uma revista, em um jornal ou em um livro, a escolha da fonte tem uma importância gráfica, estilística e funcional, isso acontecerá ainda mais em uma página web. leitura rápida na tela é muito mais difícil do que uma leitura no papel, tanto pelo brilho do vídeo quanto pelo tempo de espera diante de um monitor. Não é por acaso, portanto, que um texto, concebido para papel e veiculado em vídeo, deva necessariamente passar por modificações, cortes, tratamentos na estruturação e visualização dos conceitos fundamentais.

A atenção do olhar na página não é contínua como no caso da leitura no papel. O olho faz um varredura visual da página na sua totalidade, capturando aqui e ali elementos importantes para nos determos: parágrafos, palavras em negrito, listas com marcadores, símbolos.

Neste contexto, a escolha da fonte tem um valor fundamental tanto para identificar o conteúdo principal e sua relevância para o que você procura, quanto em termos de legibilidade.

Não é por acaso, portanto, que existam fontes criadas expressamente com o objetivo de serem lidas na tela, que são as que mais encontramos nas páginas web.

Texto, cores e fundo

Outro fato que não deve ser esquecido é o renderização visual e cromática do texto em uma página. Um bloco de palavras muito denso, um tamanho de fonte muito pequeno, um texto todo em negrito, desmoralizam imediatamente o leitor que tem pouco tempo e se cansa rapidamente e talvez saiba que pode encontrar outros conteúdos de seu interesse em outro lugar, mais bem paginados e organizados com mais fluidez.

Está comprovado que o texto de cor escura, de preferência preto, sobre fundo claro é o mais legível de todos. De forma mais geral, deve haver um contraste nítido entre as palavras e o fundo: aqui, a regra tom sobre tom não funciona de forma alguma.

A fonte

Um Web designer que escolhe uma fonte para o texto de seu site tem, em teoria, um número infinito de fontes disponíveis para melhor renderizar o equilíbrio gráfico. A escolha, no entanto, está sujeita a dois fatores fundamentais:

• legibilidade a fonte usada;
• compatibilidade da fonte com as fontes instaladas no computador do navegador.

Para superar o segundo ponto e utilizar personagens que seguem o layout gráfico do site, utilizamos o texto em gráficos. Isso quer dizer que, muitas vezes, optamos por relatar partes textuais em formato de imagem (textos escritos em um programa gráfico e salvos, por exemplo, em um arquivo gif ou jpg). O mesmo é verdade ao construir sites inteiros em Flash. Nestes casos você tem total liberdade nos gráficos e na representação do texto, mas nunca devemos esquecer o requisito de legibilidade.

Dois outros requisitos importantes para páginas da web são:

• indexação das páginas individuais;
• a facilidade de realizar atualizações.

Se quisermos que o conteúdo do site seja indexado em buscadores e, portanto, alcançado por um número cada vez maior de usuários, devemos relatá-lo em forma textual.

Quanto às atualizações, no entanto, devemos garantir que temos a capacidade de alterar o texto de forma rápida e fácil. Precisamente para sempre levar em conta essas necessidades, é aconselhável minimizar o texto em gráficos usando imagens para escritos específicos, como pay-offs ou títulos.

Com o advento e a difusão da internet, novas fontes foram especialmente criadas e são ideais para leitura na tela. Vamos considerar os dois mais populares e famosos: o Verdana e Georgia.

• Verdana: é o melhor fonte para usar na web. Os caracteres são bem espaçados, proporcionais e legíveis mesmo em tamanhos bastante pequenos. O negrito é sempre muito visível e os personagens semelhantes são bem diferenciados. A fonte foi lançada em 1996 pelo grupo de tipografia Microsoft e o nome se refere ao termo "verdejante", que indica uma área verde, como a de Seattle.
• Georgia: É a evolução da Times New Roman. Foi criado para ser lido em vídeo e o sua forma confere maior elegância e leveza às letras. O lançamento da fonte é datado de 1993 e sempre é da Microsoft. O nome deriva do estado americano.

Uma única fonte nunca é usada na criação de páginas da web. Em geral, uma família de fontes é atribuída ao texto. A tag antiga já foi usada rosto: desta forma, era possível atribuir grupos de caracteres “padrão” personalizados ao texto. Por exemplo:

ao fazer isso, um usuário que não tivesse instalado o Verdana em seu pc (o que é improvável) teria exibido o texto com o Arial e assim por diante.

A chegada do CSS

A verdadeira revolução na gestão e formatação de textos foi feita com a introdução das CSS (folhas de estilo), hoje utilizadas não só para texto, mas sobretudo para definir o layout de websites.

Nas "famílias" as fontes podem ser indicadas por duas especificações:

• sobrenome: o nome dos personagens a serem usados. Se o nome contiver espaços, como "Times New Roman", deve ser colocado entre aspas.
• nome genérico: Indica o tipo de fonte, em particular:

1. serif: fonte com agradecimento;
2. sans-serif: fonte sans serif;
3. cursiva: fonte do tipo manuscrito, que imita a escrita à mão;
4. fantasia: caráter decorativo;
5. monoespaço: fonte monoespaçada, com largura fixa.

A tag da fonte se parece com isto:

(argumento da fonte vamos mencionar os outros atributos. Tamanho da fonte, por exemplo, indica o tamanho da fonte. Geralmente é expresso em pixels, mas um valor também pode ser atribuído em outras unidades de medida, valores absolutos ou porcentagens.

Especificações indicando o font-style, o espessura da fonte, o fontvariant e transformação de texto indicar todos os atributos relativos a itálico, negrito, maiúsculas e minúsculas. Também é possível indicar cor e decoração.

A grande inovação trazida pelas folhas de estilo também diz respeito à capacidade de gerenciar espaçamentos de linhas, margens, distância entre letras, espaçamento de uma caixa ou a capacidade de criar listas com marcadores personalizados como um editor de texto.

É assim que as páginas da Web se tornaram mais sofisticadas na exibição de textos escritos e precisas no layout gráfico geral.

O valor emocional e emocional

Os personagens comunicam: os mais lineares e profissionais como oAvant Garde, o Futuro, AHelvetica, a "caligrafia" como Mistral, lustroso letra indicam confiança e calma, enquanto os mais lúdicos (Comic Sans, Tira cômica) evocam um mundo alegre e referem-se aos quadrinhos.

La escolha da fonte é, portanto, uma consequência direta do que se deseja comunicar e o tipo de comunicação que você deseja estabelecer.