CSS font-size-adjust
La proprietà CSS3 font-size-adjust regola la leggibilità dei font alternativi
La proprietà font-size-adjust permette di migliorare la leggibilità del testo quando il font di riserva viene usato. Regola la dimensione apparente in base all’altezza della lettera “x”, mantenendo una coerenza visiva tra font differenti. Supportata principalmente nei moderni browser.
Sintassi
Significato dei valori principali:
-
none: valore predefinito. Nessuna regolazione della dimensione del font viene effettuata.
-
number: un numero positivo che rappresenta il rapporto desiderato tra l’altezza della lettera “x” (altezza x) e la dimensione del font. Più alto è il valore, maggiore sarà l’altezza apparente del testo.
Esempio proprietà: font-size-adjust
Codice Esempio: font-size-adjust
.font-size-adjust-example {
font-family: "Fake Georgia", "Arial", serif;
font-size: 24px;
font-size-adjust: 0.5;
border: 2px dashed #50a14f;
padding: 20px;
background-color: #fdf6e3;
color: #073642;
border-radius: 10px;
}
Contenuto Esempio: font-size-adjust
Esempio di utilizzo di font-size-adjust
In questo esempio, la proprietà font-size-adjust viene usata per mantenere la leggibilità quando il font principale non è disponibile:
font-size-adjust per migliorare la leggibilità del font sostitutivo.
CSS e HTML per l'esempio con font-size-adjust:
<style>
.font-size-adjust-example {
font-family: "Fake Georgia", "Georgia", "Arial", serif;
font-size: 24px;
font-size-adjust: 0.5;
border: 2px dashed #50a14f;
padding: 20px;
background-color: #fdf6e3;
color: #073642;
border-radius: 10px;
}
</style>
<div class="font-size-adjust-example">
Questo testo utilizza font-size-adjust per migliorare la leggibilità del font sostitutivo.
</div>
Note:
Le indicazioni dei Browser supportati sono superate grazie alla loro costante evoluzione, si consiglia di verificare la compatibilità dei vari browser eseguendo il test cliccando qui sotto.
Supporto Browser
IP: 216.73.216.118
