Esta página foi traduzida com auxílio de IA. O original em inglês é a versão de referência.
A edição de 2005 destas diretrizes dava aqui sua instrução mais direta: a tela é um ambiente de leitura hostil, então use tipos sans serif. As serifas, advertia, viram ruído visual nos corpos de texto; traços finos e nuances não são renderizados. Para as telas daquela era, o conselho era sólido. Para as telas desta, ele precisa ser aposentado como regra e substituído pelo raciocínio que sempre esteve por baixo dele.
O que mudou desde 2005
A recomendação original nunca foi realmente sobre serifas. Era sobre pixels. Em um painel de 96 DPI, uma serifa de dois ou três pixels físicos de comprimento ou se encaixava na grade como um bloco desajeitado, ou se dissolvia em névoa de antialiasing. Traços finos se quebravam; curvas concordadas viravam degraus. As sans serifs projetadas para a tela — Verdana, Tahoma e suas pares, desenhadas com traços monolineares robustos e ajuste generoso — contornavam tudo isso. Recomendá-las era design defensivo contra um motor de renderização que não sabia desenhar uma serifa.
Essa restrição se dissolveu substancialmente. Telas de alta densidade renderizam dois a três pixels físicos por pixel CSS, o suficiente para desenhar serifas finas, modulação de traço e junções sutis com fidelidade próxima à do impresso. O antialiasing moderno em escala de cinza nessas densidades trata curvas e diagonais com limpeza. Em tais telas, uma serifada de texto bem-feita e uma sans bem-feita compostas no mesmo tamanho efetivo são ambas plenamente legíveis, e a pesquisa mais ampla sobre leitura reflete isso: quando altura de x, corpo e espaçamento são controlados, as diferenças medidas de velocidade de leitura e compreensão entre estilos com e sem serifa são pequenas e inconsistentes. A variável serifa/sans, isolada de tudo com que costumava viajar, explica muito pouco.
Duas ressalvas impedem que a velha regra seja simplesmente invertida. Primeira, monitores de densidade padrão continuam comuns nas mesas, e neles serifas delicadas ainda se degradam — qualquer tipo escolhido para texto corrido deve ser verificado em renderização 1x, onde a qualidade do hinting e a robustez do traço ainda fazem seu papel. Segunda, e mais importante para este projeto, o caso da baixa visão não é o caso médio.
O que de fato prevê a legibilidade
Se a classificação de estilo está descartada como critério de triagem, o que a substitui é uma pequena lista estrutural — a mesma introduzida no capítulo 1.0, aplicada aqui à escolha entre tipos candidatos.
Altura de x primeiro. Um tipo com altura de x grande lê-se maior e sobrevive melhor a corpos pequenos do que seu tamanho nominal sugere, independentemente de carregar serifas. Muitas serifadas de texto contemporâneas são desenhadas com alturas de x tão generosas quanto as de qualquer sans de tela.
Aberturas em segundo. Olhos abertos e aberturas amplas em a, c, e e s preservam a identidade das letras sob embaçamento e baixa acuidade. Isso atravessa as classificações: há serifadas abertas e legíveis, e sans serifs fechadas e ambíguas. O gênero das sans geométricas — muito em voga — é infrator frequente, com letras quase circulares que convergem umas para as outras.
Distinção entre letras em terceiro. Faça o teste Il1: componha juntos o I maiúsculo, o l minúsculo e o algarismo 1. Muitas sans serifs populares falham nele de imediato, renderizando I e l como traços idênticos — um risco genuíno em senhas, códigos e nomes. As serifadas, ironicamente, tendem a passar automaticamente, porque as serifas diferenciam exatamente essas letras. Verifique também o espelhamento de b/d e p/q, e o par r n, que pode se fundir em m quando composto com espaçamento apertado.
Qualidade de renderização por último. Um tipo de texto destinado a interfaces deve ser testado onde vai viver: nos tamanhos-alvo, em telas de alta densidade e de densidade padrão, nos modos claro e escuro. As fontes variam no cuidado com que seus arquivos são produzidos — hinting para rasterização de baixa densidade, espaçamento em corpos pequenos —, e essa dimensão de ofício importa mais do que a presença ou ausência de serifas.
A nuance da baixa visão
Para leitores com baixa visão, a cautela de 2005 conserva força real, em forma suavizada. A baixa acuidade age como um filtro de embaçamento, e sob embaçamento o detalhe fino é a primeira baixa. Desenhos serifados de alto contraste — aqueles com hastes finíssimas e serifas delicadas — perdem seus traços finos e, com eles, a estrutura da letra. Um tipo robusto e de baixo contraste degrada-se com mais graça, e a maioria dos tipos que atendem a essa descrição são sans serifs ou desenhos próximos das slabs. Assim, embora a regra categórica tenha desaparecido, o centro de gravidade prático do texto corrido para baixa visão continua sendo um tipo robusto, aberto e de peso uniforme — que frequentemente, embora não necessariamente, será uma sans.
A advertência de 2005 contra tipos ornamentais e altamente estilizados em texto contínuo permanece sem revisão. Os tipos decorativos sacrificam a estrutura da letra ao estilo, e os leitores com a menor folga visual pagam o preço mais alto. O uso de exibição em corpos grandes é um contexto diferente e mais tolerante.
Uma nota moderna adicional: alegações de que estilos específicos são universalmente melhores para leitores disléxicos devem ser tratadas com cautela. Fontes especializadas não demonstraram vantagens objetivas consistentes em estudos controlados; os recursos que de fato ajudam — distinção entre letras, espaçamento generoso, corpo adequado — estão disponíveis em muitos tipos bem-feitos de qualquer classificação, e configurações ajustáveis pelo usuário ajudam mais do que qualquer escolha isolada de fonte.
Em CSS
/* Screen for structure, not classification */
body {
/* Georgia: large x-height, open apertures, screen-hinted */
font-family: Georgia, Charter, "Bitstream Charter", serif;
}
.ui {
font-family: system-ui, sans-serif; /* the platform's proven face */
}Recomendações
- Aposente "somente sans serif" como regra; avalie os tipos candidatos estruturalmente.
- Exija altura de x grande, aberturas amplas e contraste de traço uniforme e moderado para o texto corrido.
- Aplique os testes Il1 e b/d/p/q; rejeite tipos cujas letras convergem.
- Em contextos críticos de baixa visão, evite desenhos de alto contraste com hastes finíssimas; favoreça construções robustas e de baixo contraste.
- Verifique a renderização em tamanhos reais tanto em telas de densidade padrão quanto de alta densidade, nos modos claro e escuro.
- Continue excluindo tipos ornamentais e altamente estilizados do texto contínuo.