Propriedade font-size-adjust
Última atualização: 2026-09-13
font-size-adjust Propriedade font-size-adjust
A propriedade font-size-adjust do CSS mantém a altura-x (a altura do x minúsculo) consistente quando as fontes recorrem a substitutas, evitando um salto visual grande de tamanho quando fontes diferentes se misturam. É uma propriedade CSS3.
| Categoria | |
|---|---|
| Valor Inicial | none |
| Herdado | Sim |
| Aplica-se A | |
| Tipo de Animação | |
| Versão CSS | CSS3 |
| Status | Padrão |
📝 Sintaxe
font-size-adjust: none | auto | <number>;⚙️ Valores
| Valor | Tipo | Descrição |
|---|---|---|
none | Palavra-chave | Sem ajuste |
<number> | Tipo | Valor de ajuste (mantém a altura-x consistente) |
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo no playground:
🌐 Suporte dos Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| font-size-adjust | ✓ v57 | ✓ v12 | ✓ v52 | ✓ v10.1 | ✓ v44 |
| Suportado em todos os principais navegadores | |||||
Dica： O valor geralmente é definido como a razão da altura-x da fonte principal (x-height / font-size) para que as fontes substitutas mantenham um tamanho visual consistente.
Aviso： O suporte dos navegadores é limitado; verifique se os navegadores de destino oferecem suporte antes de usá-lo em produção.
❓ Perguntas Frequentes
QQual problema a propriedade font-size-adjust resolve no design web?
AFontes diferentes têm alturas-x diferentes (altura de letras minúsculas) no mesmo tamanho de fonte; assim, quando a fonte preferida falha ao carregar e uma substituta é usada, o tamanho visual muda visivelmente. O font-size-adjust unifica a razão entre altura-x e tamanho da fonte, fazendo a fonte substituta parecer quase do mesmo tamanho que a preferida.
QComo escolho o valor correto para a propriedade font-size-adjust?
AO valor é a razão entre a altura-x da fonte e o seu tamanho — cerca de 0.58 para Verdana e 0.48 para Georgia. Meça primeiro a razão da fonte preferida, preencha-a e verifique como a substituta é renderizada. A sintaxe mais recente também aceita auto, deixando o navegador calcular o valor.
QQual é o suporte atual dos navegadores para a propriedade font-size-adjust?
ASafari e Firefox oferecem suporte há anos; Chrome e Edge só adicionaram suporte a partir da versão 127. O Chrome mais antigo ignora a propriedade, então as fontes substitutas são renderizadas com tamanhos inconsistentes. Confirme seus navegadores de destino antes de publicar.
🏷️ Propriedades Relacionadas
💡 Casos relacionados
📚 Tutoriais Relacionados
