Ajuste do tamanho da fonte - CSS-Tricks

Anonim

Esta propriedade dá aos desenvolvedores a capacidade de definir o font-sizede 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-familye 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