Alla teckensnitt har ett bildförhållande (eller värde). Teckensnittvärdesvärden beräknas genom att dela teckenstorleken med små bokstäver x-höjd. När du har det här värdet kan du använda egenskapen fontSizeAdjust Style i CSS3 för att ange aspektvärdet för det föredragna teckensnittet som används för att visa din webbplats.
När din webbplats visas på datorer som inte har ditt önskade teckensnitt används egenskapen fontSizeAdjust för att välja den bästa typsnittstypen för ersättningsfonten.
Den här egenskapen gör att dina sidor ser bra ut och din typ är läsbar även om ditt förstahandsvalstyp inte är tillgängligt.
Om fontSizeAdjust Property
Använda egenskapen fontSizeAdjust ger dig viss kontroll över typsnittet när det är nödvändigt. När förstahandsvalstypen inte är tillgänglig använder webbläsaren den andra angivna teckensnittet, vilket ofta resulterar i en stor förändring i storlek. Läsbarhet för ett teckensnitt påverkas mer av storleken på små bokstäver än storleken på stora bokstäverna. När webbläsaren känner till aspektvärdet för ditt föredragna teckensnitt, kan det bättre avgöra vilken storlek som ska användas när du visar sidan i alternativvalet.
Här är ett exempel som anpassar teckenstorleken med hjälp av bildformatet 0,58, vilket är aspektförhållandet för Verdana. Om Verdana inte är tillgängligt på en dator, storleken på webbläsaren ersätter teckensnittet så att den har samma storlek små bokstäver för bästa läsbarhet.
document.getElementById ("myP"). style.fontSizeAdjust = "0.58";
Obs! Från och med publiceringen stöder endast Mozilla Firefox fullständigt egenskapen fontSizeAdjust.
Vanliga fontformatförhållanden
Tabellen visar beräkningar för bildförhållandena hos flera populära typfamiljer.
| Font | Bildförhållande |
|---|---|
| Arial | 0.52 |
| Avant Garde | 0.45 |
| Bookman | 0.40 |
| Calibri | 0.47 |
| Century Schoolbook | 0.48 |
| Cochin | 0.41 |
| Comic Sans | 0.53 |
| Kurir | 0.43 |
| Courier New | 0.42 |
| Garamond | 0.38 |
| georgien | 0.48 |
| Helvetica | 0.52 |
| Palatino | 0.42 |
| Tahoma | 0.55 |
| Times New Roman | 0.45 |
| Trebuchet | 0.52 |
| Verdana | 0.58 |
