Esta página foi traduzida com auxílio de IA. O original em inglês é a versão de referência.
A recomendação original de 2005 era direta: componha o texto contínuo em letras romanas verticais, porque letras inclinadas são mais difíceis de resolver para leitores com baixa visão. Duas décadas de melhorias na renderização de tela, telas de resolução mais alta e pesquisas melhores refinaram esse conselho sem derrubá-lo. O tipo vertical continua sendo o padrão correto para o texto corrido. O que mudou foi nossa compreensão do porquê, e do que fazer quando o tipo inclinado é genuinamente útil.
Inclinação não é uma coisa só. Um itálico verdadeiro é um desenho distinto — muitas vezes com construções de letra diferentes (o a e o g de um andar, traços cursivos de entrada e saída, proporções mais estreitas). Um oblíquo é o desenho vertical inclinado mecânica ou opticamente. E uma inclinação sintetizada é o que o software fabrica quando não há arquivo de itálico disponível: o navegador cisalha os glifos romanos para o lado. Esses três casos têm perfis de legibilidade muito diferentes, e o texto de 2005 os tratava como um só.
O que mudou desde 2005
A Versão 1 recomendava evitar o itálico por completo e substituí-lo por negrito para ênfase. Era um conselho razoável para telas de 96 DPI renderizando bitmaps com hinting, onde traços inclinados serrilhavam em degraus e as letras genuinamente se desmanchavam. Nas telas modernas de alta densidade, com antialiasing de subpixel e de escala de cinza, um itálico bem desenhado é renderizado com limpeza, e a proibição generalizada já não se justifica para trechos curtos.
O consenso atual, refletido nas orientações de organizações que atendem leitores com baixa visão, é proporcional: evite itálicos em texto contínuo — parágrafos, legendas longas, citações extensas —, mas aceite-os em seus papéis semânticos tradicionais: ênfase em uma palavra ou expressão, títulos de obras, termos estrangeiros. O problema nunca foram algumas palavras inclinadas; eram páginas delas.
A outra grande mudança são as fontes variáveis. As variações OpenType, com suporte em todos os grandes navegadores desde aproximadamente 2018, introduziram dois eixos registrados relevantes aqui: slnt (inclinação), um ângulo contínuo tipicamente expresso em graus negativos, e ital (itálico), geralmente uma chave binária entre as construções romana e itálica verdadeira. O CSS os expõe pela propriedade font-style — font-style: italic deve selecionar o eixo ital ou um arquivo de itálico, enquanto font-style: oblique 8deg pode solicitar um ângulo específico de inclinação em fontes que o suportem. Isso dá aos designers um controle preciso e intencional que simplesmente não existia em 2005.
Itálicos verdadeiros, oblíquos e inclinações sintéticas
A hierarquia de legibilidade é consistente. Itálicos verdadeiros são desenhados como itálicos: os traços são equilibrados para o ângulo, os olhos das letras permanecem abertos, o espaçamento é ajustado. Oblíquos projetados pelo designer de tipos (comuns nas sans-serifs grotescas) estão um degrau abaixo, mas ainda são corrigidos deliberadamente — as curvas são redesenhadas para não se distorcerem sob o cisalhamento. Inclinações sintetizadas são o pior caso: o cisalhamento ingênuo afina um lado de cada curva, fecha os olhos das letras e perturba o espaçamento. Nada no resultado jamais foi visto por um designer.
A regra prática: nunca dependa do falso itálico. Se o tipo que você distribui não tem itálico, carregue um ou não use estilização itálica de forma alguma. Em CSS, font-synthesis: none (ou font-synthesis-style: none) desativa a inclinação fabricada pelo navegador, de modo que um itálico ausente se degrada para o vertical, e não para um cisalhamento distorcido. Audite o carregamento de suas fontes — um número surpreendente de sites em produção solicita estilos itálicos que nunca carregam de fato, e cada um desses trechos é renderizado como inclinação sintética.
Considerações para baixa visão
A observação central de 2005 ainda vale para leitores com acuidade reduzida, perda de campo central ou embaçamento por catarata: letras inclinadas apresentam formas menos familiares, espaçamento aparente mais apertado e — nos itálicos de sabor cursivo — construções de letra que diferem do romano em que o leitor se exercitou. As WCAG não proíbem itálicos, mas as orientações associadas às necessidades de usuários com baixa visão aconselham consistentemente limitá-los, e leitores que ampliam o texto relatam que o itálico se degrada mais rápido sob embaçamento do que o equivalente vertical.
O negrito continua sendo uma alternativa forte de ênfase e costuma ser a melhor escolha quando o conteúdo enfatizado é funcionalmente importante — avisos, termos-chave, frases acionáveis —, porque a mudança de peso sobrevive melhor ao embaçamento e ao baixo contraste do que a mudança de inclinação. Mas negrito e itálico não são intercambiáveis semanticamente. O itálico sussurra; o negrito grita. Uma página que usa negrito para toda ênfase lê-se como se gritasse o tempo todo. Um padrão sensato: negrito para informações que o leitor não pode perder, itálico para a ênfase tipográfica convencional, e nenhum dos dois por mais de uma expressão de cada vez.
Duas cautelas adicionais. Primeira, evite itálico em corpos pequenos — abaixo de aproximadamente 14 pixels, o ângulo somado aos olhos reduzidos se agrava rapidamente. Segunda, evite combinar itálico com outras reduções de legibilidade: itálico com caixa-alta, itálico com pesos leves, itálico com contraste baixo. Cada degradação é tolerável sozinha; empilhadas, não são.
Eixos variáveis na prática
Quando uma fonte variável oferece um eixo slnt, resista à tentação de usar ângulos intermediários decorativamente no texto. Uma inclinação suave de 4 graus em um título é um recurso estilístico legítimo; texto corrido em ângulos de inclinação arbitrários não é. Se você animar a inclinação (algumas interfaces o fazem, em estados de hover ou transições de ênfase), respeite prefers-reduced-motion — letras que se metamorfoseiam são movimento, e leitores com sensibilidade vestibular as experimentam como tal.
Verifique também se o comportamento itálico da sua fonte variável corresponde ao seu CSS. Algumas famílias vêm como variáveis apenas com slnt, em que font-style: italic não produz nada ou produz a instância errada; font-variation-settings explícito ou uma declaração font-face adequada com faixas font-style: oblique 0deg 10deg resolve a ambiguidade.
Em CSS
em, cite { font-style: italic; } /* short spans only */
/* Never let the browser fake an italic the family lacks */
body { font-synthesis-style: none; }
/* Variable slant, when the family offers the axis */
.aside { font-variation-settings: "slnt" -6; }Recomendações
- Componha todo o texto contínuo na vertical; a constatação de 2005 permanece.
- Permita itálicos verdadeiros para trechos curtos de ênfase, títulos e termos estrangeiros — uma expressão, não um parágrafo.
- Prefira o negrito ao itálico quando o conteúdo enfatizado for funcionalmente crítico.
- Nunca distribua inclinações sintéticas: carregue um arquivo de itálico real ou defina font-synthesis-style: none.
- Prefira tipos cujo itálico seja um desenho corrigido, não um cisalhamento bruto.
- Evite itálico abaixo de cerca de 14px, e nunca empilhe itálico com caixa-alta, pesos leves ou contraste baixo.
- Com fontes variáveis, use o eixo ital ou uma instância itálica adequada para a semântica; trate o eixo slnt como recurso de exibição e respeite prefers-reduced-motion se o animar.