Atributo font-size-adjust do CSS

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 propriedade "font-size" é chamada de valor de aspecto da fonte. Quando uma fonte tem um valor de aspecto alto, é mais fácil de ler quando a fonte é definida em tamanho muito pequeno. Exemplo: O valor de aspecto do Verdana é 0.58 (o que significa que quando o tamanho da fonte é 100px, sua x-height é 58px). O valor de aspecto 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 de CSS:Fonte CSS

Manual de referência do CSS:Atributo font do CSS

Manual de referência do HTML DOM:Propriedade fontSizeAdjust

Exemplo

Defina diferentes propriedades font-size-adjust de 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
nada Padrão. Se essa fonte não estiver disponível, não manterá o x-height dessa fonte.
número

Define a taxa de relação do valor de aspecto da fonte.

Fórmula disponível:

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

Exemplo:

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

Detalhes técnicos

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

TIY Exemplo

Uso da propriedade font-size-adjust para ajustar o tamanho da fonte
Este exemplo demonstra 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