Ukuran Font dan Tinggi Huruf Timbul: Memahami Cap Height hingga Bounding Box
Nilai font-size tidak otomatis menunjukkan tinggi fisik huruf. Ukuran huruf timbul perlu ditentukan dari outline berskala dengan membedakan cap height dan batas total tulisan.
Ilustrasi Artikel Dalam panduan ini
Permintaan “buat huruf setinggi ukuran tertentu” masih dapat ditafsirkan berbeda jika belum menyebut bagian yang diukur. Angka tersebut dapat berarti nilai font-size di aplikasi, tinggi huruf kapital, tinggi karakter tertinggi, atau tinggi keseluruhan nama termasuk huruf kecil yang turun di bawah baseline.
Untuk huruf timbul, acuan yang lebih jelas berasal dari bentuk outline pada file berskala benar. Nilai font-size membantu penyusunan teks, tetapi bukan otomatis ukuran fisik muka huruf yang akan terlihat.
Mengapa font-size yang sama menghasilkan tinggi berbeda?
Font-size berkaitan dengan kotak em yang digunakan sistem tipografi untuk menata karakter. Bentuk huruf tidak harus mengisi seluruh kotak tersebut. Perancang typeface menentukan sendiri hubungan antara em, tinggi kapital, tinggi huruf kecil, ascender, descender, dan ruang internal font.
Dalam dokumentasi metrik typeface, cap height didefinisikan sebagai jarak dari baseline menuju puncak acuan huruf kapital dan dinyatakan sebagai bagian dari ukuran em. Artinya, cap height bukan otomatis seluruh ukuran em.
Akibatnya, dua font dengan font-size yang sama dapat memiliki:
- tinggi kapital yang berbeda;
- proporsi huruf kecil terhadap kapital yang berbeda;
- descender yang lebih pendek atau lebih panjang;
- lebar karakter dan jarak antarhuruf yang berbeda;
- aksen atau tanda diakritik yang mencapai batas vertikal berbeda.
Karena itu, menyebut font-size saja belum menjawab tinggi fisik tulisan. Konversi nilai tipografi langsung ke satuan fisik juga tidak boleh dianggap sebagai tinggi aktual glyph. Bentuk akhirnya tetap perlu diukur dari outline yang telah ditempatkan pada dokumen dengan satuan dan skala yang benar.
Peta baseline, cap height, descender, dan batas fisik
Empat istilah berikut menjelaskan acuan yang berbeda. Memisahkannya membantu pemilik desain, desainer, dan pihak produksi membicarakan ukuran yang sama.
| Label | Arti | Implikasi pengukuran |
|---|---|---|
| Batas fisik atas | Titik outline tertinggi pada karakter atau aksen dalam komposisi | Dapat berada di atas acuan kapital karena bentuk bulat, ujung tertentu, atau aksen |
| Acuan atas kapital | Garis cap height yang dipakai untuk tinggi kapital | Diukur dari baseline; huruf H dapat dipakai sebagai karakter pemeriksaan pada banyak desain Latin |
| Baseline | Garis tempat sebagian besar huruf berdiri | Menjadi titik bawah pengukuran cap height, bukan selalu batas bawah seluruh tulisan |
| Descender | Bagian huruf kecil yang turun di bawah baseline, seperti pada g tertentu | Membuat tinggi total tulisan lebih besar daripada tinggi kapital |
| Batas fisik bawah | Titik outline terendah dalam nama | Ditentukan oleh descender, tanda, atau unsur lain yang benar-benar ada dalam komposisi |
Bounding box adalah kotak yang merangkum batas terluar objek terpilih. Untuk satu nama, lebarnya berjalan dari outline paling kiri sampai paling kanan, sedangkan tingginya berjalan dari titik tertinggi sampai titik terendah.
Bounding box perlu dibaca dengan hati-hati. Objek tersembunyi, garis bantu, clipping mask, efek, atau elemen lain yang ikut terseleksi dapat membuat kotaknya lebih besar daripada bentuk tulisan. Sebelum mengukur, pastikan objek yang dipilih memang outline nama yang menjadi acuan.
Membaca contoh H, O, dan g
Tiga karakter ini menunjukkan mengapa satu angka tidak cukup menjelaskan seluruh tulisan.
H sebagai acuan kapital
Huruf kapital datar seperti H membantu menunjukkan hubungan baseline dan acuan atas kapital. Bila brief menyebut “tinggi kapital”, jarak inilah yang dimaksud, bukan seluruh kotak em dan bukan otomatis batas tertinggi setiap glyph.
O dan overshoot optik
Kurva O dapat sedikit melewati garis cap height atau baseline. Prinsip ini disebut overshoot. Karakter bulat atau berujung sengaja dapat melampaui acuan agar secara optik tampak setinggi karakter yang mempunyai puncak datar.
Jadi, bagian atas O yang sedikit lebih tinggi daripada H tidak otomatis menunjukkan file salah. Besarnya bergantung pada desain font. Jangan meratakan setiap huruf secara individual hanya agar semua outline berhenti pada koordinat yang sama. Tindakan tersebut dapat mengubah bentuk, proporsi, dan keseimbangan visual typeface.
g dan descender
Huruf kecil g dapat mempunyai bagian yang turun di bawah baseline. Jika sebuah nama mengandung g, y, p, q, atau j, batas bawah keseluruhan tulisan mungkin lebih rendah daripada batas bawah kapital. Bentuk g juga tidak seragam di semua font, sehingga ukur outline aktual pada file, bukan karakter pengganti dari font lain.
| Karakter | Bagian yang diperiksa | Kesimpulan yang dihindari |
|---|---|---|
| H | Baseline menuju acuan atas kapital | Font-size dianggap sama dengan tinggi H |
| O | Kurva terhadap cap height dan baseline | Overshoot dianggap kesalahan yang harus diratakan |
| g | Tinggi huruf kecil dan batas descender | Baseline dianggap sebagai batas bawah seluruh nama |
Proses menentukan angka ukuran yang dimaksud
- Tetapkan file acuan. Gunakan logo atau susunan nama yang sah dari pemilik merek. Jangan mengganti font, menggambar ulang dari foto, atau mengubah karakter berlisensi tanpa hak dan izin yang relevan.
- Periksa satuan dan skala dokumen. Pastikan file berada dalam satuan fisik yang disepakati. Ukuran dari foto atau mockup perspektif harus ditandai sebagai belum diverifikasi. Ukuran menjadi terkonfirmasi setelah diperiksa melalui pengukuran atau dokumen yang disepakati.
- Pisahkan tulisan dari objek lain. Tentukan apakah pengukuran hanya mencakup nama, atau juga simbol, slogan, garis dekoratif, serta elemen komposisi lainnya.
- Tentukan acuan utama. Jika yang diminta adalah tinggi kapital, ukur baseline sampai cap height. Jika batas ruang lebih penting, ukur bounding box keseluruhan nama.
- Ubah teks menjadi outline pada salinan kerja bila diperlukan. Pertahankan file sumber dan identitas font. Konversi ke outline bukan izin untuk mengubah proporsi atau jarak huruf.
- Ukur outline dalam satuan fisik. Periksa H atau kapital datar yang relevan, lalu lihat apakah ada O yang mengalami overshoot, g yang memiliki descender, atau aksen yang memperluas batas.
- Skalakan komposisi secara seragam. Perbesar atau perkecil seluruh susunan dengan faktor yang sama. Jangan menarik tinggi dan lebar secara terpisah untuk memaksa dua angka sekaligus.
- Laporkan dua ukuran berbeda. Nyatakan tinggi kapital dan ukuran total nama secara terpisah agar ruang pemasangan tidak disimpulkan hanya dari cap height.
Untuk pembahasan bentuk, file, dan kebutuhan pemesanan setelah acuannya jelas, lihat informasi huruf timbul untuk identitas usaha di Lampung. Ukuran akhirnya tetap mengikuti outline dan kondisi bidang yang telah diperiksa.
Ilustrasi hipotetis: menghitung skala tanpa mengubah logo
Contoh berikut merupakan ilustrasi hipotetis, bukan standar bisnis dan bukan proyek nyata.
Sebuah file logo memuat rangkaian “HOg”. Tinggi H pada file dinyatakan sebagai C, sedangkan tinggi kapital yang diminta adalah T. Faktor skala seragamnya adalah:
Faktor skala = T dibagi C
Contoh hitung tambahan memakai satuan abstrak u, bukan ukuran produksi: jika C = 10u dan T = 20u, faktor skala adalah 2. Bila bounding box nama semula setinggi 14u dan selebar 36u, setelah diskalakan seragam ukurannya menjadi 28u × 72u. Tinggi kapital 20u tetap berbeda dari tinggi total 28u; angka contoh ini bukan metrik font tertentu.
Faktor tersebut diterapkan kepada seluruh outline: H, O, g, jarak antarhuruf, dan unsur resmi lain dalam logo. Setelah penskalaan, tinggi kapital menjadi T. Namun, batas atas O masih dapat sedikit melewati acuan kapital dan bagian bawah g tetap turun di bawah baseline. Keduanya tidak diratakan secara terpisah.
| Ukuran yang dicatat | Cara memperoleh | Fungsi keputusan |
|---|---|---|
| Tinggi kapital | Baseline ke cap height setelah seluruh logo diskalakan seragam | Menjawab permintaan tinggi huruf kapital |
| Tinggi total nama | Batas outline tertinggi ke batas outline terendah | Menunjukkan ruang vertikal aktual yang ditempati nama |
| Lebar total nama | Batas outline paling kiri ke paling kanan | Menunjukkan kebutuhan ruang horizontal setelah proporsi dipertahankan |
| Ukuran total komposisi | Bounding box seluruh unsur yang memang termasuk logo | Dipakai jika simbol, slogan, atau elemen lain juga masuk dalam bidang pemasangan |
Perhitungan ini tidak memerlukan perubahan proporsi logo. Jika tinggi kapital telah ditetapkan, lebar dan tinggi total menjadi hasil dari penskalaan seragam. Sebaliknya, apabila bidang pemasangan membatasi lebar dan tinggi sekaligus, periksa dimensi mana yang lebih dahulu mencapai batas. Tinggi kapital yang akhirnya tercapai kemudian dilaporkan, bukan dipaksakan dengan meregangkan bentuk.
Cara menulis ukuran agar tidak ambigu
Kalimat “tinggi huruf sekian” dapat diganti dengan keterangan yang menyebut objek dan titik ukur. Format ringkas yang dapat digunakan adalah:
- Acuan bentuk: outline logo resmi, bukan teks yang diketik ulang.
- Tinggi kapital: diukur dari baseline ke cap height.
- Overshoot: kurva O dipertahankan sesuai outline sumber.
- Tinggi total nama: diukur dari batas outline tertinggi sampai terendah, termasuk descender dan aksen yang ada.
- Lebar total nama: diukur dari batas outline paling kiri sampai paling kanan.
- Metode skala: seluruh komposisi diskalakan seragam tanpa mengubah rasio tinggi-lebar.
Jika nama tidak memiliki karakter kapital datar, gunakan metrik atau karakter referensi hanya bila font sumbernya diketahui dan memang masih menjadi acuan logo. Pada logo custom yang sudah berupa outline dan tidak menyimpan metrik font, jangan menebak cap height dari font pengganti: pemilik desain perlu menyepakati lalu menandai baseline dan garis acuan kapital pada proof. Jika acuan itu belum ditentukan, laporkan bounding box aktual terlebih dahulu. Garis atau karakter bantu tidak ditambahkan ke bentuk logo produksi.
Kesalahan yang perlu dihindari
- Menganggap font-size sebagai tinggi muka huruf yang otomatis berlaku untuk semua font.
- Menggunakan rumus konversi unit tipografi sebagai pengganti pengukuran outline aktual.
- Mengukur satu kapital, lalu mengabaikan descender, aksen, simbol, atau slogan dalam batas total.
- Meratakan O, S, atau karakter berujung karena melewati garis acuan secara optik.
- Mengubah tinggi dan lebar secara terpisah agar logo masuk ke bidang.
- Mengganti font resmi dengan font yang tampak mirip tanpa izin pemilik merek.
- Menyebut ukuran dari foto sebagai ukuran terkonfirmasi.
Pemisahan antara tinggi kapital dan ukuran total nama menyelesaikan sebagian besar ambiguitas. Font-size menjelaskan pengaturan tipografi, cap height menjelaskan tinggi kapital, sedangkan bounding box menunjukkan ruang aktual yang ditempati outline. Ketiganya berhubungan, tetapi tidak dapat saling menggantikan.
