Esta propriedade dá aos desenvolvedores a capacidade de definir o font-size
de um elemento dependendo do tamanho de suas letras minúsculas, em vez das letras maiúsculas.
.element ( font-size: 22px; font-size-adjust: .5; )
Nesse caso, as letras minúsculas da fonte teriam 11px de altura, já que 22 x 0,5 = 11.
Ao carregar fontes, é provável que haja uma proporção diferente entre as letras minúsculas de uma fonte substituta e a fonte recém-carregada, portanto, font-size-adjust
é útil controlar a quantidade de refluxo quando declaramos uma nova font-family
e vemos o Flash of Unstyled Text (FOUT).
Na demonstração abaixo, é possível ativar e desativar essa propriedade para mostrar como uma fonte da web como Chaparral difere da altura x e do alinhamento de caracteres no Times, a fonte substituta. Mas atenção, esta propriedade só é suportada por um pequeno número de navegadores no momento.
Isso pode ter efeitos dramáticos quando definido em grandes porções do corpo do texto e melhorar substancialmente a oscilação que ocorre ao alternar entre o substituto e a fonte recém-carregada:
Mais Informações
- MDN
- W3C
Suporte de navegador
Os dados de suporte deste navegador são do Caniuse, que tem mais detalhes. Um número indica que o navegador oferece suporte ao recurso nessa versão e superior.
Área de Trabalho
cromada | Raposa de fogo | IE | Beira | Safári |
---|---|---|---|---|
Não | 3 | Não | Não | Não |
Celular / Tablet
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
Não | Não | Não | Não |