Mengapa Font Aspect Ratio Matters di Situs Web
Semua font memiliki rasio aspek (atau nilai). Nilai aspek font dihitung dengan membagi huruf kecil x tinggi font dengan ukuran font. Ketika Anda memiliki nilai ini, Anda bisa menggunakan properti fontsizeAdjust di CSS3 untuk menentukan nilai aspek dari font yang disukai digunakan untuk menampilkan situs web Anda.
Ketika situs web Anda dilihat di komputer yang tidak memiliki font pilihan Anda, properti fontSizeAdjust digunakan untuk memilih ukuran font terbaik untuk font pengganti.
Properti ini membuat halaman Anda terlihat bagus dan jenis Anda terbaca meskipun font pilihan pertama Anda tidak tersedia.
Tentang fontSizeAdjust Property
Menggunakan properti fontSizeAdjust memberi Anda kontrol atas substitusi font saat diperlukan. Ketika font pilihan pertama tidak tersedia, browser menggunakan font yang ditentukan kedua, yang sering menghasilkan perubahan besar dalam ukuran. Keterbacaan font lebih dipengaruhi oleh ukuran huruf kecil daripada ukuran huruf besar. Ketika browser mengetahui nilai aspek untuk font yang Anda sukai, itu bisa lebih baik mengetahui ukuran yang digunakan saat menampilkan halaman dalam font pilihan kedua.
Berikut ini contoh yang menyesuaikan ukuran font menggunakan rasio aspek 0,58, yang merupakan rasio aspek untuk Verdana. Jika Verdana tidak tersedia di komputer, browser akan mengganti font pengganti sehingga memiliki huruf kecil dengan ukuran yang sama untuk keterbacaan terbaik.
document.getElementById ("myP"). style.fontSizeAdjust = "0,58";Catatan: Pada publikasi, hanya Mozilla Firefox yang sepenuhnya mendukung properti fontSizeAdjust.
Common Font Aspect Ratios
Tabel ini menunjukkan perhitungan untuk rasio aspek dari beberapa keluarga font populer.
| Font | Rasio Aspek |
|---|---|
| Arial | 0,52 |
| Garda depan | 0,45 |
| Sarjana | 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 |
| Georgia | 0,48 |
| Helvetica | 0,52 |
| Palatino | 0,42 |
| Tahoma | 0,55 |
| Times New Roman | 0,45 |
| Trebuchet | 0,52 |
| Verdana | 0,58 |