Saya sudah mencoba lebih dari 50 kali melakukan pairing (kombinasi) font. Demi menemukan kombinasi yang paling tepat antara estetika, kemudahan baca, dan mood. Akhirnya saya menemukan satu kombinasi font pairing yang paling ideal untuk judul dan text body sebuah blog.
Kombinasi tersebut menggabungkan font jenis: Helvetica Typeface sebagai judul dan Georgia Typeface sebagai body text publisher Microsoft. (koreksi jika saya salah). Namun karena dalam kombinasi itu keduanya memiliki lisensi yang berbayar. Sehingga akhirnya tidak jadi saya gunakan.
Kecuali, apabila sudah dibundling dalam satu paket tema. Namun sayangnya, tidak ada pada tema galepro, tema blog yang sedang saya gunakan ini. Akhirnya saya gunakan font jenis: Droid Sans (Judul) + Droid Sans (Text Body).
Table of content
- Font paling ideal untuk headline (judul)
- Font terbaik untuk text body
- Manfaat melakukan Font Pairing (Mengkombinasi Fonts)
- Jenis-jenis Font
- Aturan Penting Pairing
- Alasan Kenapa Menggunakan Google Font?
- Kombinasi Google Font Terbaik Untuk Website & Blog
- Roboto Slab + Open Sans
- Open Sans Bold + Open Sans
- Montserrat Bold + Montserrat
- Roboto Condensed Bold + Cabin Regular
- Playfair Display Bold + Source Sans Regular
- Roboto Bold + Lora Regular
- Abril Fatface + Roboto Slab
- Roboto Light + Merriweather Regular
- Arvo Regular + Lato Regular
- Oswald Regular + Quattrocento Regular
- Slabo Regular + Lato Regular
- Playfair Display Black + Source Sans Regular
- Cardo Regular + Libre Franklin Regular
- Neuton Regular + Work Sans Regular
- Alegreya Regular + Ubuntu Regular
- Merriweather Regular + Merriweather Sans Regular
- Bebas Neue + Montserrat Medium
- Nunito + Nunito
- Mr. Dafoe + Montserrat
- Yellow Tail + Libre Baskervile
- Open Sans + Poppins
- Dimana bisa melakukan font pairing secara online?
Font paling ideal untuk headline (judul)
Alasan Helvetica font yang awalnya saya pilih sebagai judul. Karena fonts ini karakternya sangat kuat untuk memerankan sebuah headline. Simpel, namun modern. Berkali-kali saya mengganti dengan jenis font lain, tetap saja rasanya ada yang kurang, tak ada yang bisa menggantikan helvetica, dan membuat saya kembali menggunakannya.
Selain montserrat, font yang bagus buat heading yaitu: Roboto, Open Sans, Google Sans.
Font terbaik untuk text body
Sementara kunci pemilihan font untuk text / body yaitu harus memiliki kriteria yang mudah dibaca, nyaman bagi mata dan indah tak mudah lelah. Ini mungkin selera orang beda-beda, yah. Namun bagi saya belum ada fonts yang bisa menggantikan georgia, Open Sans, Lato.
Font georgia memiliki typografi yang sangat indah, enak dipandang mata, serta menurut sebuah study georgia memiliki tingkat kemudahan baca yang tinggi (high visibility).
Namun jika Anda tidak menyukai typeface georgia. Tak mengapa menggunakan font lainnya. Ada fonts berjenis serif lain yang tak kalah indah koleksi dari google fonts. Sebentar lagi Anda akan mengetahuinya.
Sebelum lanjut, saya mau mengajak Anda untuk mengetahui manfaat dari pairing fonts beserta aturan penting dalam melakukannya.
Manfaat melakukan Font Pairing (Mengkombinasi Fonts)
Pada dasarnya menggunakan satu jenis typeface untuk tulisan blog Anda bukanlah masalah. Setiap font dirancang sedemikian rupa untuk fungsi, gaya serta kemudahan baca.
Namun, apabila Anda menggunakan satu jenis huruf saja, untuk heading dan text body sama. Itu akan membuat tingkat keterbacaan jadi lebih rendah. Selain itu dari sisi artistik juga kurang bergaya, monotone (tidak keren).
Ada beberapa jenis font dilihat dari karakternya.
Jenis-jenis Font
- Serif: Ada bagian runcing pada ujungnya. Contoh: Georgia, Merriweather, PT Serif, Lato.
- San Serif: Tanpa Runcing. Kebalikan dari Serif. Misalnya: Helvetica, Montserrat, Open Sans, Droid Sans, PT Sans, Google Sans.
- Slab: Runcingnya tumpul alias kotak. Seperti: Arvo, Roboto Slab.
- Handwriting: Tulisan tangan bebas.
- Script: Mirip handwriting tapi lebih bebas lagi.
Saya sering mengkombinasikan judul serif dengan bodi sans serif, atau sebaliknya. Sekali lagi, ini cuma buat menghasilkan paduan kontras dan terlihat lebih menarik.
Font Serif itu rasanya lebih membumi, konservatif, dan tenang. Font Sans-Serif cenderung lebih modern, berani, progresif. Dengan menyatukan keduanya, kalian akan mendapatkan keseimbangan yang cukup hebat yang bisa menarik bagi pikiran dan mata saat membaca.
Aturan Penting Pairing
- Kontras: Unsur kontras itu dibangun melalui beberapa jenis kombinasi. Misalnya, bold dengan normal. Uppercase degan subscript. Ukuran besar, dengan ukuran kecil. Atau beda fonts, ini juga sudah kontras.
- Line Height: Ukuran tinggi baris huruf, antara heading 1 dengan paragraf. Heading 2, 3, 4, 5, 6 dengan paragraf. Sebaiknya menggunakan ukuran golden rasio. Gampangnya, kamu untuk mengetahui ukuran ini pakai aja kalkulator golden ratio typography (grt).
Bagaimana font itu digunakan sama pentingnya. Jika tidak lebih. Dari pada font itu sendiri. Kita sering menjumpai desain yang bertebaran di internet, tapi nggak memakai dasar-dasar desain yang baik. Hanya sedikit desain yang benar-benar hebat. Melihat desain yang buruk, itu cukup menyakitkan.
Alasan Kenapa Menggunakan Google Font?
Seperti yang awalnya sudah saya sampaikan, karena kegagalan saya menggunakan helvetica dan georgia. Maka, alasan pertama karena Lisensi font-nya Gratis. Baik untuk penggunaan personal, maupun komersial.
Stock pilihannya juga banyak, mulai dari yang lucu-lucu, unik, keren, fanky, modern sampai profesional, jumlahnya ribuan. Jika di-embed dalam blog, server google punya kecepatan transfer data yang tinggi. Jadi ngga perlu diragukan lagi.
Font dari google sekarang ini sudah jadi standar baru diseluruh dunia.
Kombinasi Google Font Terbaik Untuk Website & Blog
Font terbaik untuk digunakan dalam website, sebaiknya menggunakan jenis font yang memiliki readibility tinggi. Tingkat keterbacaan yang bagus. Sebab, mata manusia nggak bisa lama-lama berada di depan monitor. Nggak seperti saat membaca buku cetak.
Jadi, saran yang bisa diambil untuk teman-teman adalah menggunakan jenis font sans-serif, serif, atau slab-serif. Hindari penggunaan terlalu banyak font jenis “handwriting” atau “script” karena jenis font tersebut menyulitkan baca sehingga membuat mata cepat lelah.
Berikut ini daftar kombinasi font terbaik gratis dari google.
Roboto Slab + Open Sans
Contoh penerapan pada web vatih.com
Open Sans Bold + Open Sans
Contoh web yang menggunakan: Carolinaratri.com
Montserrat Bold + Montserrat
Berikutnya..
Roboto Condensed Bold + Cabin Regular
Playfair Display Bold + Source Sans Regular
Roboto Bold + Lora Regular
Abril Fatface + Roboto Slab
Roboto Light + Merriweather Regular
Arvo Regular + Lato Regular
Oswald Regular + Quattrocento Regular
Slabo Regular + Lato Regular
Playfair Display Black + Source Sans Regular
Cardo Regular + Libre Franklin Regular
Neuton Regular + Work Sans Regular
Alegreya Regular + Ubuntu Regular
Merriweather Regular + Merriweather Sans Regular
Bebas Neue + Montserrat Medium
Nunito + Nunito
Mr. Dafoe + Montserrat
Yellow Tail + Libre Baskervile
Open Sans + Poppins
Dimana bisa melakukan font pairing secara online?
Referensi:
https://www.reliablepsd.com/ultimate-google-font-pairings/
https://www.pagecloud.com/blog/best-google-fonts-pairings
https://qwords.com/blog/kombinasi-font/
Tapi dari sini saya sedikit paham, roboto ada childnya. Saya kira hanya roboto only. Ternyata ada juga roboto slab, roboto bold, roboto light
Iya mas betul, ada turunannya. Ada juga roboto condensed. Pairing antara Roboto Slab (Heading) + Roboto Slab (Body Teks), pernah saya coba juga di blog ini dan hasilnya kalo saya sendiri juga suka banget. Recomended!