Atributo CSS font-size-adjust

Definição e uso

A propriedade 'font-size-adjust' define um valor de aspect para um elemento, permitindo manter o x-height da fonte preferida.

Descrição

A altura da letra minúscula "x" em uma fonte e a altura da fonte entre eles é chamada de valor de aspect da fonte. Quando uma fonte tem um valor de aspect alto, então é mais fácil de ler quando a fonte é definida em um tamanho muito pequeno. Exemplo: O valor de aspect do Verdana é 0.58 (o que significa que quando o tamanho da fonte é 100px, seu x-height é 58px). O valor de aspect do Times New Roman é 0.46. Isso significa que o Verdana é mais fácil de ler em pequenos tamanhos do que o Times New Roman.

Veja também:

Tutorial do CSS:CSS Fonte

Manual de referência do CSS:Atributo CSS font

Manual de referência do HTML DOM:Propriedade fontSizeAdjust

Exemplo

Defina a propriedade font-size-adjust de diferentes elementos HTML:

h1
  {
  font-size-adjust:0.58;
  
p
  {
  font-size-adjust:0.60;

Experimente você mesmo

Sintaxe do CSS

font-size-adjust: número|none|initial|inherit;

Valor do atributo

Valor Descrição
nenhum Padrão. Se essa fonte não estiver disponível, não manterá o x-height dessa fonte.
número

Define a proporção do valor de aspect da fonte.

Fórmula disponível:

Tamanho da fonte da fonte preferida * (valor de font-size-adjust / valor de aspect da fonte disponível) = tamanho da fonte aplicável à fonte disponível

Exemplo:

Se 14px do Verdana (o valor de aspect é 0.58) não estiver disponível, mas houver uma fonte disponível com um valor de aspect de 0.46, o tamanho da fonte da fonte substituta será 14 * (0.58/0.46) = 17.65px.

Detalhes técnicos

Valor padrão: nenhum
Herança: sim
Versão: CSS2
Sintaxe do JavaScript: object.style.fontSizeAdjust="0.70"

Exemplo de TIY

Uso da propriedade font-size-adjust para ajustar o tamanho da fonte
Este exemplo mostra como usar a propriedade font-size-adjust para ajustar o tamanho da fonte.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
não suportado não suportado 3.0 não suportado não suportado