Panduan font multibahasa perlu dibuat untuk setiap bahasa

Kami menguji Lato, Montserrat, Noto Sans, Noto Sans JP, Noto Sans Thai, Playfair Display, Poppins, dan Roboto. Setiap keluarga digunakan dengan ketebalan reguler 400 dan tebal 700 untuk teks bahasa Inggris, Spanyol, Prancis, Jerman, Belanda, Indonesia, Melayu, Tagalog, Thai, dan Jepang. Satu kasus berarti satu kombinasi keluarga font, ketebalan, dan bahasa, yang mencakup judul, kalimat isi, dan ajakan bertindak.

Versi pertama mencantumkan keluarga font kandidat, diikuti kategori font pengganti umum: serif untuk Playfair Display dan sans-serif untuk tujuh keluarga lainnya. Kategori umum ini memungkinkan browser memilih font yang sesuai dari font yang terpasang di komputer. Kategori tersebut tidak menunjuk file font tertentu yang disediakan merek.^[2]

Ada 20 kasus per keluarga font dan 160 kasus seluruhnya. Enam keluarga memakai font terpasang dalam masing-masing empat kasus, yaitu kedua ketebalan untuk contoh Thai dan Jepang. Noto Sans JP memakai font terpasang dalam dua kasus Thai; Noto Sans Thai menggunakannya dalam dua kasus Jepang. Semua kasus bahasa beraksara Latin yang diuji tetap memakai keluarga font kandidatnya sendiri.

Angka ini menjelaskan kumpulan kalimat dan file yang dipilih. Kami sengaja membandingkan daftar terbatas yang mudah ditelaah, termasuk dua keluarga khusus aksara tertentu. Kami tidak mengambil sampel yang mewakili seluruh font merek atau menguji setiap karakter yang mungkin dibutuhkan suatu bahasa. Nama produk, simbol mata uang, atau judul berikutnya dapat memuat karakter yang tidak ada dalam contoh kami.

Untuk versi pasangannya, kami mempertahankan kandidat di urutan pertama dan menambahkan font pendamping tertentu sebelum kategori pengganti umum yang sama. Kami memakai Noto Sans untuk delapan contoh bahasa beraksara Latin, Noto Sans Thai untuk Thai, dan Noto Sans JP untuk Jepang. Jika kandidat dan pendamping merupakan keluarga yang sama, namanya hanya dicantumkan sekali.

Tidak satu pun dari 160 kasus pasangan memakai font yang terpasang di komputer. Dalam 28 kasus, file pendamping yang versinya ditetapkan mengambil alih pekerjaan font pengganti terpasang. Dalam 132 kasus lainnya, kandidat tetap menampilkan ketiga bagian teks. Menambahkan pendamping tidak memperluas isi file font awal; langkah ini menentukan file lain yang dapat digunakan browser.

Contoh Lato memperjelas perbedaannya. Pada kedua ketebalan yang diuji, judul bahasa Thai memakai keluarga terpasang Thonburi dalam versi pengganti umum dan Noto Sans Thai dalam versi pendamping. Judul bahasa Jepangnya beralih dari Hiragino Kaku Gothic ProN ke Noto Sans JP. Contoh Lato berbahasa Inggris dan Prancis tetap ditampilkan oleh Lato.

Playfair Display menunjukkan mengapa pemilihan pendamping membutuhkan keputusan desain, selain keputusan teknis. Judul bahasa Jepangnya memakai Hiragino Mincho ProN ketika kategori penggantinya serif. Pendamping Noto Sans JP yang kami tentukan mengubahnya menjadi keluarga sans-serif. Kami memastikan file mana yang menampilkan contoh, bukan membuktikan bahwa pasangan tersebut mempertahankan karakter visual yang diinginkan.

Bisnis dapat mempertahankan keluarga font merek beraksara Latin sambil sengaja memilih pendamping untuk aksara lain. Kreator lalu dapat memakai pasangan itu pada materi berikutnya. Yang penting, pilihan tersebut harus jelas dalam brief. Pendamping yang kami gunakan adalah contoh yang berfungsi dalam pengujian, bukan rekomendasi estetika untuk semua merek.

Mulai dari kata-kata yang benar-benar akan dipublikasikan. Sertakan judul, kalimat pendukung, dan teks ajakan bertindak, lalu tambahkan nama produk, harga, atau teks penting lainnya dari kampanye sebenarnya. Contoh alfabet yang menarik tidak menggantikan pemeriksaan kata-kata tersebut di posisi yang akan digunakan.

Selanjutnya, tentukan file dan ketebalan untuk setiap bahasa. Isi reguler dan judul tebal perlu diperiksa masing-masing. Dalam eksperimen kami, ketebalan 400 dan 700 tersedia pada file tegak asli atau sumbu font variabel, dan penebalan buatan dinonaktifkan. Pratinjau yang sekadar terlihat tebal belum membuktikan kondisi itu.

Untuk teks web, minta orang yang menerapkannya memeriksa font yang benar-benar tampil, bukan hanya nama keluarga yang dideklarasikan. Chrome menampilkannya di Elements, Computed, Rendered Fonts. Dokumentasinya juga membedakan font dari instalasi lokal dengan font yang disediakan sebagai sumber daya web. Perbedaan ini penting jika desainer dan pengembang memiliki salinan font yang berbeda.^[3]

Lalu baca komposisinya secara utuh. Perhatikan hubungan judul dengan isi, teks tindakan, pergantian baris, dan spasi. Pastikan teks lokal tetap lengkap dan alami. Mengetahui nama font belum menentukan apakah teks tersusun dengan baik, jadi satukan pemeriksaan bahasa dan desain.

Proses ini bisa berupa percakapan singkat antara pemberi tugas dan pembuat materi. Bukti yang berguna adalah versi yang teridentifikasi dengan jelas, berisi teks yang dimaksud dan tampilan sebenarnya. Persetujuan kemudian merujuk pada versi itu, sehingga orang berikutnya tidak harus menebak arti instruksi “pakai font merek kami”.

Gunakan satu entri untuk setiap bahasa dan format hasil akhir. Isi brief dengan teks kampanye setelah pemeriksaan terjemahan, lalu simpan bersama materi atau template yang masih dapat diedit. Paket unduhan menyediakan lembar kerja dalam setiap bahasa artikel; kolom di bawah juga bisa disalin tanpa mendaftar.

Kampanye dan bahasa: [Sebutkan kampanye, bahasa, dan audiens yang dituju.] Jelaskan apakah entri ini mencakup gambar media sosial, template yang dapat diedit kreator, atau teks pada halaman web. Hasil akhir yang berbeda dapat berbagi arah visual, tetapi memerlukan pemeriksaan produksi yang berbeda.

Teks yang disetujui: [Tempel judul, isi, dan ajakan bertindak persis seperti yang akan dipakai.] Sertakan teks tambahan yang terlihat dan perlu diperiksa. Tandai versi teks yang disetujui agar perubahan nama produk atau penawaran berikutnya memicu pemeriksaan ulang pada bagian terkait.

Penetapan font: [Sebutkan kandidat dan pendampingnya jika ada, file atau versi yang tepat, serta ketebalan yang dimaksud untuk setiap peran teks.] Jelaskan bahasa atau aksara yang dilayani pendamping. Sertakan sumber font dan lisensi yang berlaku dalam penyerahan materi, alih-alih hanya mengandalkan nama keluarga font.

Pemeriksaan tampilan: [Catat aplikasi atau browser, versi dan platform yang digunakan, serta font yang benar-benar ditemukan pada teks terkait.] Untuk halaman web, bedakan keluarga yang dideklarasikan dari keluarga yang tampil. Jika font lain muncul, pastikan apakah itu pendamping yang memang dimaksud sebelum menyetujui versi tersebut.

Pemeriksaan bentuk akhir: [Tautkan materi ekspor atau halaman web beserta sumber yang dapat diedit.] Catat ukuran atau penempatan yang diperiksa dan pergantian baris yang perlu diperhatikan. Pastikan teks akhir lengkap dan hierarki visual tetap berfungsi dalam versi yang diserahkan.

Persetujuan dan edit berikutnya: [Sebutkan pemeriksa dan versi yang disetujui.] Jelaskan siapa yang perlu memeriksa ulang jika judul, ketebalan, file font, atau format hasil akhir berubah. Panduan penyerahan yang berguna memudahkan revisi kecil berikutnya tanpa menganggap persetujuan awal dalam bahasa Inggris berlaku untuk semua bahasa berikutnya.

Kembali ke bisnis pakaian fiktif tadi. Judul bahasa Inggrisnya adalah “Find your next favorite piece.” Kalimat pendukung memperkenalkan koleksi dalam berbagai warna dan ukuran, diikuti “View the collection.” Ini adalah kata-kata bahasa Inggris dari contoh buatan kami, yang digunakan untuk menjelaskan proses penyerahan, bukan iklan sungguhan.

Dalam brief fiktif itu, bisnis meminta Lato dengan ketebalan 700 untuk judul dan 400 untuk isi pendukung serta ajakan bertindak. Kreator membutuhkan versi Inggris, Thai, dan Jepang untuk gambar kampanye, sedangkan pengembang memerlukan teks web yang sesuai untuk landing page. Format hasil akhir ditentukan sebelum satu pratinjau dianggap sebagai persetujuan untuk semuanya.

Untuk versi web Thai, entri menempatkan Lato lebih dulu dan Noto Sans Thai sebagai pendamping yang ditentukan. Entri Jepang mencantumkan Lato diikuti Noto Sans JP. Studi sebenarnya mendukung pasangan itu untuk contoh teks yang persis sama pada kedua ketebalan dalam lingkungan pengujian kami. Tim fiktif tersebut tetap memeriksa komposisi hasilnya sesuai arah visual mereka.

Materi yang diserahkan kepada kreator mencakup teks lokal, file pilihan, dan ketebalan yang dimaksud. Pengembang mencatat keluarga font yang tampil di landing page sebenarnya. Bisnis memeriksa gambar akhir secara terpisah. Dengan demikian, setiap orang bertanggung jawab atas hasil yang bisa diamati, bukan diminta menyetujui pengaturan nama font yang belum jelas.

Misalkan kampanye fiktif ini kemudian menambahkan nama produk pada judul. Entri teks berubah, jadi tim memeriksa baris itu lagi pada materi dan halaman web terkait. Mereka tidak perlu mengulang eksperimen delapan keluarga font kami. Mereka perlu memastikan teks yang berubah masih ditampilkan dan ditata sesuai maksudnya.

Brief kini menjawab hal-hal yang belum ditetapkan oleh mockup Inggris awal: kata-kata mana, pendamping mana, ketebalan berapa, dan versi hasil akhir yang mana. Ini merupakan perbaikan praktis dalam produksi. Kami tidak menguji apakah pasangan tersebut lebih menarik perhatian, lebih disukai untuk dibaca, atau menghasilkan lebih banyak klik atau penjualan.

Gambar yang sudah diratakan dan halaman yang dapat diedit membawa tipografi dengan cara berbeda. Pada gambar kampanye PNG, bentuk huruf menjadi bagian dari gambar raster. Saat menampilkan gambar itu, browser tidak diminta membentuk ulang huruf berdasarkan pengaturan keluarga font kreator. Spesifikasi PNG menjelaskan format berbasis piksel ini.^[4]

Karena itu, file hasil eksporlah yang perlu diperiksa secara visual untuk gambar. Buka versi yang benar-benar akan diserahkan dan baca pada ukuran tampilan yang dituju. Periksa potongan gambar, teks yang hilang, spasi, dan pergantian baris setelah ekspor. Kanvas yang dapat diedit dan sebelumnya terlihat benar bukanlah file akhir yang akan diterima audiens.

Template yang dapat diedit masih akan melalui proses penyerahan berikutnya. Penerima mungkin mengganti kalimat, mengubah ketebalan, atau membuka desain di lingkungan lain. Sertakan informasi font dan teks yang disetujui bersama sumbernya agar orang berikutnya dapat memeriksa hasil edit. Tangkapan layar versi sebelumnya tidak membuktikan tampilan versi sesudahnya.

Teks web perlu diperiksa pada halaman tempat teks disajikan. Nama keluarga dalam stylesheet menyatakan permintaan; informasi font yang tampil memastikan apa yang digunakan browser untuk teks terpilih. Hasil terkontrol kami menunjukkan bahwa keduanya bisa berbeda meskipun file yang dimaksud berhasil dimuat. Itu sebabnya pemeriksaan yang hanya mencari kegagalan pemuatan akan melewatkan 28 kasus font pengganti terpasang kami.

Mengubah seluruh teks web menjadi gambar bukan solusinya. Teks yang tetap berupa teks memungkinkan penyesuaian tampilannya; panduan aksesibilitas W3C umumnya mengutamakan teks dibanding gambar teks jika tampilan yang sama dapat dicapai, dengan pengecualian tertentu. Pertahankan versi teks yang dapat digunakan sambil memperjelas panduan font.^[5]

Untuk bisnis yang menyalurkan satu kampanye melalui beberapa kanal, setujui hasil akhir yang relevan setiap kali: gambar ekspor, sumber yang dapat diedit untuk kreator, dan halaman web untuk pengembang. Dengan begitu, pesan yang sama tetap terhubung dengan bentuk yang benar-benar diterima audiens, tanpa menganggap setiap alat memilih font dengan cara yang sama.

Kami sengaja memilih delapan keluarga font dan menetapkan file TTF lengkap asli dari repositori Google Fonts pada commit 47d54ca1ebb14fd864695f1d39dc734f39017c33. Pilihan ini memakai sepuluh file karena Lato dan Poppins memiliki file reguler dan tebal terpisah; enam keluarga lainnya memakai file variabel. Manifest sumber memuat hash, versi, dan tautan lisensinya.^[6]

Kami menyusun judul, kalimat isi, dan ajakan bertindak untuk koleksi pakaian hipotetis, lalu menerjemahkan dan memeriksa makna yang sama dalam sepuluh bahasa sebelum pengukuran. Setiap keluarga font menerima tiga teks yang sama untuk suatu bahasa. Sebanyak 160 kombinasi awal dan 160 kombinasi dengan pendamping menghasilkan 960 blok teks, tanpa ada yang dikeluarkan dari hasil.

Pengujian browser terisolasi memakai Chrome 148.0.7778.97 pada macOS 26.5.1. File yang ditetapkan dimuat langsung, tanpa substitusi file lokal, dengan gaya normal, ketebalan 400 dan 700 yang eksplisit, pengaturan lebar bawaan, penyesuaian optis dinonaktifkan, dan tanpa sintesis font buatan. Seluruh sepuluh file berhasil dimuat dan cocok dengan hash yang diharapkan.

Untuk setiap blok teks, metode bawaan Chrome untuk font yang dirender mengembalikan keluarga sebenarnya, nama PostScript, dan apakah font disediakan secara khusus. Kami membandingkan catatan itu dengan file sumber serta memeriksa pemetaan karakter dan pembentukan glif secara terpisah. Jumlah glif dari browser disimpan sebagai bukti teknis, bukan diubah menjadi persentase karakter.^[7]

Suatu kasus dihitung memakai font terpasang jika setidaknya satu dari tiga bagian teksnya memakai font tersebut. Kasus kandidat saja berarti kandidat yang disebutkan menampilkan ketiga bagian. Perbandingan mengubah urutan font pengganti sambil mempertahankan teks, kandidat, dan ketebalan yang diminta. Empat belas kasus Thai dan empat belas kasus Jepang mencakup seluruh 28 kasus awal yang memakai font terpasang.

Temuan ini berlaku untuk file, kalimat, dan lingkungan yang persis diuji. Kami belum membuktikan cakupan bahasa yang lengkap, hasil identik pada platform lain, atau tampilan subset yang disediakan Google Fonts API. Paket unduhan menyimpan data kasus, referensi sumber, dan perhitungannya. Skrip reproduksinya memeriksa jumlah dari pengukuran yang disimpan; skrip itu tidak menjalankan eksperimen browser baru.^[1]