Zašto se odnos odnosa s fontovima odnosi na web stranice
Svi fontovi imaju odnos širine (ili vrijednost). Vrednosti aspekta fonta se izračunavaju deljenjem malih slova x-visine fonta prema veličini fonta. Kada imate ovu vrijednost, možete koristiti stil fontSizeAdjust stil u CSS3 kako biste odredili vrijednost aspekta željenog fonta koji se koristi za prikaz vaše web stranice.
Kada se vaša veb lokacija pregleda na računarima koji nemaju željeni font, fontSizeAdjust svojstvo se koristi za odabir najbolje veličine fonta za font zamene.
Ova osobina drži da stranice izgledaju dobro i da vaš tip bude čitljiv čak i ako font za prvi izbor nije dostupan.
O fontSizeAdjust Property
Korištenje fontSizeAdjust svojstva daje vam određenu kontrolu nad zamenom fonta kada je to potrebno. Kada font za prvi izbor nije dostupan, pretraživač koristi drugi specificirani font koji često rezultira velikom promjenom veličine. Čitljivost fonta utiče više na veličinu malih slova od veličine velikih slova. Kada pretraživač zna vrijednost aspekta željenog fonta, može se bolje shvatiti koja veličina će se koristiti prilikom prikazivanja stranice u fontu za drugi izbor.
Evo primera koji prilagođava veličinu slova pomoću odnosa prosjeka od 0,58, što je odnos visine za Verdanu. Ako Verdana nije dostupan na računaru, pretraživač veliči font zamene tako da ima mala slova slične veličine za najbolju čitljivost.
document.getElementById ("myP") style.fontSizeAdjust = "0.58";Napomena: Od objavljivanja, samo Mozilla Firefox u potpunosti podržava fontSizeAdjust svojstvo.
Common Common Aspect Ratio
Ova tabela prikazuje proračune za odnos aspekta nekoliko popularnih porodica fontova.
| Font | Omjer |
|---|---|
| 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 |
| Gruzija | 0.48 |
| Helvetica | 0.52 |
| Palatino | 0.42 |
| Tahoma | 0.55 |
| Times New Roman | 0.45 |
| Trebuchet | 0.52 |
| Verdana | 0.58 |