Todas as fontes têm uma proporção (ou valor). Os valores de aspecto da fonte são calculados dividindo-se a altura x minúscula da fonte pelo tamanho da fonte. Quando você tem esse valor, você pode usar o fontSizeAdjust propriedade de estilo em CSS3 para especificar o valor do aspecto da fonte preferida usada para exibir seu site. Quando o seu site é visualizado em computadores que não possuem sua fonte preferida, a propriedade fontSizeAdjust é usada para selecionar o melhor tamanho de fonte para a fonte de substituição. Esta propriedade mantém suas páginas com uma boa aparência e seu tipo legível, mesmo se a fonte de sua primeira escolha não estiver disponível.
Sobre a propriedade fontSizeAdjust
O uso da propriedade fontSizeAdjust oferece algum controle sobre a substituição de fontes quando necessário. Quando a fonte de primeira escolha não está disponível, o navegador usa a segunda fonte especificada, o que geralmente resulta em uma grande mudança no tamanho. A legibilidade de uma fonte é influenciada mais pelo tamanho das letras minúsculas do que pelo tamanho das letras maiúsculas. Quando o navegador conhece o valor do aspecto de sua fonte preferida, ele pode descobrir melhor qual tamanho usar ao exibir a página na fonte de segunda escolha. Aqui está um exemplo que ajusta o tamanho da fonte usando a proporção de 0,58, que é a proporção de Verdana. Se o Verdana não estiver disponível em um computador, o navegador dimensiona a fonte de substituição para que tenha letras minúsculas de tamanho semelhante para melhor legibilidade. A partir da publicação, apenas o Mozilla Firefox oferece suporte total à propriedade fontSizeAdjust.
Proporções de fonte comuns
Esta tabela mostra cálculos para as proporções de aspecto de várias famílias de fontes populares.
| Fonte | Proporção da tela |
|---|---|
| Arial | 0,52 |
| Avant Garde | 0,45 |
| Bookman | 0,40 |
| Calibri | 0,47 |
| Century Schoolbook | 0,48 |
| Cochin | 0,41 |
| Comic Sans | 0,53 |
| Correio | 0,43 |
| Courier New | 0,42 |
| Garamond | 0,38 |
| Georgia | 0,48 |
| helvética | 0,52 |
| Palatino | 0,42 |
| Tahoma | 0,55 |
| Times New Roman | 0,45 |
| Catapulta | 0,52 |
| Verdana | 0,58 |
Mais da Lifewire
-
Fontes para usar no dia de São Patrício
-
Como alterar a fonte e o tamanho padrão no Outlook
-
Como tornar um teclado maior no Android
-
Como localizar arquivos de fonte do Mac ou Windows
-
Como alterar a fonte padrão no programa de correio do Mac
-
Aprenda a alterar a fonte padrão do correio no AOL Mail
-
17 melhores fontes gratuitas de outono e outono
-
Como alterar o tamanho da fonte da lista de mensagens do Outlook
-
Substituindo todas as fontes em uma apresentação de uma só vez
-
Como alterar o tamanho do texto no Android
-
Como aumentar o tamanho da fonte ao ler e-mails no Outlook
-
Como alterar as configurações de fonte do Gmail
-
Como converter imagens usando Linux
-
Como criar um gráfico de colunas no Excel
-
Como criar um gráfico de efeito de quadro-negro no Photoshop
-
Como redigir mensagens em HTML ou texto sem formatação
Seus direitos de privacidade
A Lifewire e nossos parceiros terceirizados usam cookies e processam dados pessoais como identificadores exclusivos com base em seu consentimento para armazenar e / ou acessar informações em um dispositivo, exibir anúncios personalizados e para medição de conteúdo, percepção do público e desenvolvimento de produtos. Para alterar ou retirar suas opções de consentimento para Lifewire.com, incluindo seu direito de contestar quando um interesse legítimo é usado, clique abaixo. A qualquer momento, você pode atualizar suas configurações por meio do link “Privacidade da UE” na parte inferior de qualquer página. Essas escolhas serão sinalizadas globalmente para nossos parceiros e não afetarão os dados de navegação. Lista de parceiros (fornecedores)
Nós e nossos parceiros processamos dados para:
Digitalize ativamente as características do dispositivo para identificação. Use dados precisos de geolocalização. Armazene e / ou acesse informações em um dispositivo. Selecione o conteúdo personalizado. Crie um perfil de conteúdo personalizado. Avalie o desempenho do anúncio. Selecione anúncios básicos. Crie um perfil de anúncios personalizados. Selecione anúncios personalizados. Aplique pesquisas de mercado para gerar insights do público. Avalie o desempenho do conteúdo. Desenvolva e aprimore produtos. Lista de parceiros (fornecedores)
