Tutti i tipi di carattere hanno un rapporto aspetto (o valore). I valori di aspetto dei caratteri vengono calcolati dividendo l'altezza x minuscola del font in base alla dimensione del carattere. Quando si dispone di questo valore, è possibile utilizzare la proprietà di stile fontSizeAdjust in CSS3 per specificare il valore dell'aspetto del carattere preferito utilizzato per visualizzare il sito Web.
Quando il tuo sito web viene visualizzato su computer che non hanno il tuo font preferito, la proprietà fontSizeAdjust viene utilizzata per selezionare la migliore dimensione del font per il font sostitutivo.
Questa proprietà mantiene le tue pagine belle e il tuo tipo leggibile anche se il tuo font preferito non è disponibile.
Informazioni sulla proprietà fontSizeAdjust
L'utilizzo della proprietà fontSizeAdjust offre un certo controllo sulla sostituzione dei caratteri quando è necessario. Quando il font di prima scelta non è disponibile, il browser utilizza il secondo carattere specificato, che spesso si traduce in un grande cambiamento di dimensioni. La leggibilità di un font è influenzata più dalla dimensione delle lettere minuscole che dalla dimensione delle lettere maiuscole. Quando il browser conosce il valore dell'aspetto per il tuo carattere preferito, può capire meglio quale dimensione usare quando visualizzi la pagina nel carattere di seconda scelta.
Ecco un esempio che regola la dimensione del carattere usando le proporzioni di 0,58, che sono le proporzioni di Verdana. Se Verdana non è disponibile su un computer, il browser misura il carattere sostitutivo in modo che abbia lettere minuscole di dimensioni simili per la migliore leggibilità.
document.getElementById ("myP"). style.fontSizeAdjust = "0.58";
Nota: dalla pubblicazione, solo Mozilla Firefox supporta pienamente la proprietà fontSizeAdjust.
Rapporti di aspetto dei font comuni
Questa tabella mostra i calcoli per le proporzioni di diverse famiglie di font popolari.
| Font | Proporzioni |
|---|---|
| Arial | 0.52 |
| Avant Garde | 0.45 |
| Bookman | 0.40 |
| Calibri | 0.47 |
| Secolo scolastico | 0.48 |
| Cochin | 0.41 |
| Comic Sans | 0.53 |
| Corriere | 0.43 |
| Courier New | 0.42 |
| Garamond | 0.38 |
| Georgia | 0.48 |
| Helvetica | 0.52 |
| Palatino | 0.42 |
| Tahoma | 0.55 |
| Times New Roman | 0.45 |
| trebuchet | 0.52 |
| Verdana | 0.58 |
