Napa Font Aspek Rasio Matters ing Websites
Kabeh fonts duwe rasio aspek (utawa nilai). Aspek rasio fon dimaksimalake kanthi misahake huruf cilik huruf x kanthi ukuran font. Yen sampeyan duwe nilai iki, sampeyan bisa nggunakake gaya gaya fontSizeAdjust ing CSS3 kanggo nemtokake nilai aspek font sing disenengi digunakake kanggo nampilake situs web sampeyan.
Nalika situs web ditampilake ing komputer sing ora nduweni font sing disenengi, property fontSizeAdjust digunakake kanggo milih ukuran font sing paling apik kanggo font panggantos.
Properti iki ndadekake halaman sampeyan katon apik lan jinis sampeyan bisa dibaca sanajan font pilihan sampeyan ora kasedhiya.
About the FontSizeAdjust Property
Nggunakake property fontSizeAdjust menehi kendali babagan penggantos font nalika perlu. Nalika huruf kapilih ora kasedhiya, browser nggunakake font sing kapindho kasebut, sing asring nyebabake owah-owahan gedhe. Readability saka font dipengaruhi luwih dening ukuran huruf cilik tinimbang ukuran huruf gedhe. Nalika browser mangerteni rasio aspek kanggo font sing disenengi, luwih apik bisa nemtokake ukuran sing digunakake nalika nampilake kaca ing font kapindho pilihan.
Punika conto sing nyetel ukuran font nggunakake aspek rasio 0.58, sing minangka rasio aspek kanggo Verdana. Yen Verdana ora kasedhiya ing komputer, browser ukuran font pengganti supaya ukuran huruf cilik padha sing cocog.
document.getElementById ("myP"). style.fontSizeAdjust = "0.58";Cathetan: Minangka publikasi, mung Mozilla Firefox kanthi ndhukung properti fontSizeAdjust.
Rasio aspek Aspek biasa
Tabel iki nuduhake kalkulasi kanggo rasio aspek saka sawetara kulawarga font populer.
| Font | Rasio aspek |
|---|---|
| Arial | 0,52 |
| Avant Garde | 0.45 |
| Bookman | 0,40 |
| Calibri | 0.47 |
| Buku Sekolah Abad | 0.48 |
| Cochin | 0.41 |
| Komik Sans | 0,53 |
| Kurir | 0.43 |
| Kurir Anyar | 0.42 |
| Garamond | 0.38 |
| Georgia | 0.48 |
| Helvetica | 0,52 |
| Palatino | 0.42 |
| Kangen | 0,55 |
| Kaping pindho New Roman | 0.45 |
| Trebuchet | 0,52 |
| Verdana | 0,58 |