Cuiabá 71

Existem três unidades que você deve considerar ao formatar tamanho de texto em páginas Web. pixels (px), percentual (%) e spaces (em).

Para determinar qual das três unidades se aplica melhor, considere qual o critério de escolha é mais importante: design visual ou acessibilidade?

Se você quer garantir que sua página será renderizada da mesma forma em diversos browser e plataformas, utilize pixels como unidade de medida. Fazendo esta escolha, entretanto, fará com que seu site fique menos acessível. Isto acontece porque o pixel é uma unidade de medida fixa e faz com que browsers antigos e assistentes de tela aumentem o tamanho do texto ou que o seu texto fique extremamente grande em dispositivos portáteis.

Utilizando (em) spaces ou (%) percentual, você determina uma unidade flexível de medida que permite ao usuário aumentar o tamanho do texto em seu navegador ou dispositivo. Entretanto, isto pode fazer com que seu design (fluxo do conteúdo) seja alterado.
Definir a escolha é na verdade definir qual é o público-alvo do seu site.

Um (em) space é igual à largura da letra “m” na fonte selecionada como padrão pelo dispositivo ou browser. Em outras palavras, se o Internet Explorer está configurado da forma padrão, então 1 em é igual a 14 pixels.

No exemplo abaixo estamos configurando o tamanho da fonte utilizada em um documento Web de forma flexível:

body,td,th {
color: #333333;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
}