Tamanho da Fonte

Atualizado em 5 de março de 2020

Sempre utilize fontes grandes e legíveis. Até as pessoas que não sofrem de nenhum problema visual podem ter dificuldades de ler se o tamanho da fonte for muito reduzido.

Busque utilizar fontes ajustáveis ao grau de necessidade do usuário, os conhecidos -A e +A, possibilitando o aumento das palavras em seu site.

Se você sentir dificuldade de colocar essa opção em prática, tente usar um tamanho de fonte relativo, como, por exemplo, em EM. Para quem não sabe 1 EM (ou um quadratim) é uma medida relativa e corresponde ao tamanho do corpo quadrado da letra M de uma fonte.

Como por padrão, o tamanho de texto de um browser é 16px, devido a distância dos olhos em relação a tela, defina para o CSS a regra { font-size: 62.5%; }. Deste modo, 1 EM equivalerá a 10 pixels, e com essa base decimal ficará mais fácil de realizar a conversão. Exemplo:

Caso você precise de 16 pixels, é só colocar 1.6em:
html {font-size: 62.5%;} (medida geral)
p {font-size: 1.6em;} (p ficará com tamanho igual a 16px)