Fonte

Em web o texto deve distribuir-se em blocos pequenos, de parágrafos curtos, e com um comprimento de linha que não ultrapasse os oito cm. A baixa resolução dos monitores exige o cumprimento destas regras para que o cansaço visual não se imponha e leve o leitor a abandonar a página. É também crucial definir os espaços em branco, que permitem equilibrar os conteúdos dentro da página, com frequência mais diversificados e menos estáticos. O alívio visual patente nesta técnica é também necessário no print design, mas de modo menos premente.

Tipos de fonte




Serifadas - Times New Roman, Georgia - ideais em longos blocos de texto.

Não serifadas - Verdana, Arial - em títulos, para contrastar com fontes com serifa.

Alguns estudos indicam que as fontes sem serifa são ideais para a leitura online, ao permitirem uma leitura mais fluida, enquanto as fontes com serifa são mais adequadas à impressão em alta resolução.

Altura-x

No ecrã de computador a legibilidade de um tipo de letra é influenciada pela altura-x (a altura da letra "x" minúscula) e pelo tamanho geral da fonte em causa. Existem tipos de fonte criados especificamente para serem lidos nos monitores, como é o caso da Verdana e da Georgia, que têm ambas alturas-x elevadas e um tamanho grande, o que por outro lado as desadequa para uma impressão em papel.

Resolução
Em material impresso as fontes são processadas em 1200 dpi. Os monitores não têm ainda capacidade para processar as fontes em alta resolução.

Escolha da fonte
A fonte escolhida para ser impressa mantém-se exactamente como foi concebida. Pelo inverso, a visualização das fontes escolhidas para websites está dependente da existência dessa fonte no computador do utilizador. Em caso negativo, o browser vai substituí-la por outra. Isto limita a escolha de fontes em variedade, e o respectivo estilo do site. Existe a possibilidade de embeber a fonte, mas para fazê-lo convertemos o texto em imagem, o que leva a que não seja reconhecido pelos motores de busca, para além de colocar alguns impedimentos ao nível da acessibilidade.

Tamanho
O corpo da fonte definido pelo webdesigner não é visualizado nas mesmas condições pelos utilizadores. A título de exemplo, esse tamanho pode variar conforme a resolução do monitor, as definições do browser, ou o sistema operativo. Uma forma de contornar isto é definir o corpo da fonte em unidades de pixel, mas esta opção levanta problemas de acessibilidade a utilizadores que necessitem de aumentar o tamanho da letra por terem problemas de visão.

Alinhamento do texto
O texto justificado é espaçado de forma mais imprecisa no web design do que no design impresso, pelo que deve ser usado com cautela. A opção ideal recai sobre o alinhamento à direita, que facilita a leitura cadenciada do texto.

Cor
As cores aplicadas ao texto na internet devem ser usadas com cautela, uma vez que determinadas cores estão associadas a uma função. Temos por exemplo o azul escuro para os links activos e o roxo para os links visitados. No papel impresso já só estão em causa a função estética e uma possível significação simbólica da cor (branco = pureza, etc.).