Kuvasuhde-taulukko yleisistä fonteista

Kaikilla fonteilla on kuvasuhde (tai arvo). Fontti-elementin arvot lasketaan jakamalla fontin pienikokoinen x-korkeus fonttikokoon. Kun sinulla on tämä arvo, voit käyttää CSS3: n fontSizeAdjust-tyyppistä ominaisuutta määritelläksesi sivustosi näyttämiseen käytettävän ensisijaisen fontin asetteluarvon.

Kun verkkosivustoasi katsellaan tietokoneissa, joissa ei ole haluamaasi kirjasinta, fontSizeAdjust-ominaisuutta käytetään valitsemaan parhaan fonttikoko korvaavalle fontille.

Tämä ominaisuus pitää sivusi näyttävän hyvältä ja tyyppisi on luettavissa, vaikka ensimmäinen valintasi fontti ei ole käytettävissä.

Tietoja fontSizeAdjust-ominaisuudesta

FontSizeAdjust-ominaisuuden käyttäminen antaa jonkin verran valinnan fontin korvaamisesta, kun se on tarpeen. Kun ensimmäisen valintamuotoinen fontti ei ole käytettävissä, selaimessa käytetään toista määritettyä kirjasinta, joka usein aiheuttaa suuria kokomuutoksia. Fontin luettavuutta lisää pienikokoisten kirjainten koko kuin isoilla kirjaimilla. Kun selaimesi tietää fontin fontin fontin, se pystyy paremmin selvittämään, mitä kokoa haluat käyttää näytettäessä sivua toissijaisessa fontissa.

Tässä on esimerkki, joka säätää kirjasinkokoa kuvasuhteella 0,58, joka on Verdanan kuvasuhde. Jos Verdana ei ole käytettävissä tietokoneessa, selain koostaa korvaavan fontin niin, että sen koon pienet kirjaimet ovat parhaan luettavuuden takaamiseksi.

document.getElementById ("myP") style.fontSizeAdjust = "0.58";

Huomautus: julkaisusta alkaen vain Mozilla Firefox tukee täysin fontSizeAdjust-ominaisuutta.

Yleiset fonttikuvatiedot

Tässä taulukossa on esitetty laskelmat useiden suosittujen fonttiperheiden kuvasuhteista.

kirjasinlaji	Kuvasuhde
arial	0.52
Avant Garde	0.45
Bookman	0.40
Calibri	0.47
Century Schoolbook	0.48
Cochin	0.41
Comic Sans	0.53
Kuriiri	0.43
Courier Uusi	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