font-size-adjust

  • Revision slug: CSS/font-size-adjust
  • Revision title: font-size-adjust
  • Revision id: 184579
  • Created:
  • Creator: Verruckt
  • Is current revision? Não
  • コメント /* Valores */

Revision Content

{{template.CSSRef()}}

Resumo

A propriedade {{template.Cssxref("font-size-adjust")}} especifica que o tamanho da fonte deve ser escolhido baseado na altura das letras minúsculas antes da altura das letras maísculas.

Isto é útil desde a legibilidade das fontes, especialmente em tamanhos pequenos, é mais determinado pelo tamanho das letras minúsculas do que pelo tamanho das letras maíusculas. Isto pode causar problemas quando a primeira escolha {{template.Cssxref("font-family")}} não está disponível e sua substituição tem uma relação de aspecto significativamente diferente (a relação do tamanho das fontes minúsculas para o tamanho da fonte).

Para fazer isto de forma que seja compatível com os navegadores que não suportam {{template.Cssxref("font-size-adjust")}}, é especificado um número que a propriedade {{template.Cssxref("font-size")}} é multiplicada por. Isto significa que o valor especificado para a propriedade deve geralmente ser a relação de aspecto da primeira escolha de fonte. Por exemplo, uma folha de estilo que especifica font-size: 16px; font-size-adjust: 0.5 está realmente especificando que as letras minúsculas da fonte deverão ter 8px de altura (16px vezes 0.5).

Sintaxe

font-size-adjust: <number> | none | {{template.Cssxref("inherit")}}

Valores

none 
Escolha o tamanho da fonte baseado somente na propriedade {{template.Cssxref("font-size")}}.
<number> 
Escolha o tamanho da fonte de modo que suas letras minúsculas (como determinado pela métrica x-height da fonte) sejam o número especificado de vezes pelo {{template.Cssxref("font-size")}}. : O número especificado deve geralmente ser a relação de aspecto (relação de x-height para o tamanho da fonte) da primeira escolha de {{template.Cssxref("font-family")}}. Isto significará que a primeira escolha de fonte, quando disponível, aparecerá no mesmo tamanho nos navegadores, se não suportarem o {{template.Cssxref("font-size-adjust")}}.

Exemplos

{{template.CSSRefExampleLink("font-size-adjust")}}

p{
  font: 12px Verdana, sans-serif;
  font-size-adjust: 0.58;
}

Notas

Especificações

Compatibilidade com navegadores

Suportado em todas as plataformas começando em Gecko 1.9 / Firefox 3, mas suportado no Windows somente signitivamente mais cedo.

Veja também

{{template.Cssxref("font-size")}}, {{template.Cssxref("font-family")}}

Categorias

Interwiki Language Links

{{ wiki.languages( { "en": "en/CSS/font-size-adjust", "fr": "fr/CSS/font-size-adjust" } ) }}

Revision Source

<p>
{{template.CSSRef()}}
</p>
<h3 name="Resumo"> Resumo </h3>
<p>A propriedade {{template.Cssxref("font-size-adjust")}} especifica que o tamanho da fonte deve ser escolhido baseado na altura das letras minúsculas antes da altura das letras maísculas.
</p><p>Isto é útil desde a legibilidade das fontes, especialmente em tamanhos pequenos, é mais determinado pelo tamanho das letras minúsculas do que pelo tamanho das letras maíusculas. Isto pode causar problemas quando a primeira escolha {{template.Cssxref("font-family")}} não está disponível e sua substituição tem uma relação de aspecto significativamente diferente (a relação do tamanho das fontes minúsculas para o tamanho da fonte).
</p><p>Para fazer isto de forma que seja compatível com os navegadores que não suportam {{template.Cssxref("font-size-adjust")}}, é especificado um número que a propriedade {{template.Cssxref("font-size")}} é multiplicada por. Isto significa que o valor especificado para a propriedade deve geralmente ser a relação de aspecto da primeira escolha de fonte. Por exemplo, uma folha de estilo que especifica <code><a href="pt/CSS/font-size">font-size</a>: 16px; <a href="pt/CSS/font-size-adjust">font-size-adjust</a>: 0.5</code> está realmente especificando que as letras minúsculas da fonte deverão ter <code>8px</code> de altura (16px vezes 0.5).
</p>
<ul><li> <a href="pt/CSS/initial_value">Valor inicial</a>: <code>none</code>
</li><li> Aplica-se a: todos os elementos
</li><li> <a href="pt/CSS/inheritance">Herardado</a>: sim
</li><li> Mídia: <a href="pt/CSS/Media/Visual">visual</a>
</li><li> <a href="pt/CSS/computed_value">Valor computado</a>: como especificado
</li></ul>
<h3 name="Sintaxe"> Sintaxe </h3>
<p><code>font-size-adjust:</code> &lt;number&gt; | <code>none</code> | {{template.Cssxref("inherit")}}
</p>
<h3 name="Valores"> Valores </h3>
<dl><dt> <code>none</code> </dt><dd> Escolha o tamanho da fonte baseado somente na propriedade {{template.Cssxref("font-size")}}.
</dd><dt> <code>&lt;number&gt;</code> </dt><dd> Escolha o tamanho da fonte de modo que suas letras minúsculas (como determinado pela métrica x-height da fonte) sejam o número especificado de vezes pelo {{template.Cssxref("font-size")}}. : O número especificado deve geralmente ser a relação de aspecto (relação de x-height para o tamanho da fonte) da primeira escolha de {{template.Cssxref("font-family")}}. Isto significará que a primeira escolha de fonte, quando disponível, aparecerá no mesmo tamanho nos navegadores, se não suportarem o {{template.Cssxref("font-size-adjust")}}.
</dd></dl>
<h3 name="Exemplos"> Exemplos </h3>
<p>{{template.CSSRefExampleLink("font-size-adjust")}}
</p>
<pre>p{
  font: 12px Verdana, sans-serif;
  font-size-adjust: 0.58;
}

</pre>
<h3 name="Notas"> Notas </h3>
<h3 name="Especifica.C3.A7.C3.B5es"> Especificações </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/1998/REC-CSS2-19980512/fonts.html#propdef-font-size-adjust">CSS 2</a>
</li><li> <a class="external" href="http://www.w3.org/TR/css3-fonts/#font-size-adjust">css3-fonts</a>
</li></ul>
<h3 name="Compatibilidade_com_navegadores"> Compatibilidade com navegadores </h3>
<p>Suportado em todas as plataformas começando em Gecko 1.9 / Firefox 3, mas suportado no Windows somente signitivamente mais cedo.
</p>
<h3 name="Veja_tamb.C3.A9m"> Veja também </h3>
<p>{{template.Cssxref("font-size")}}, {{template.Cssxref("font-family")}}
</p><p><span class="comment">Categorias</span>
</p><p><span class="comment">Interwiki Language Links</span>
</p>{{ wiki.languages( { "en": "en/CSS/font-size-adjust", "fr": "fr/CSS/font-size-adjust" } ) }}
Revert to this revision