21 Inspirasi Font Pairing Google untuk Blog yang Eye Catching

536 Dilihat

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).

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

  1. 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.
  2. 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

font-pairing-slab-serif
Contoh font pairing roboto judul dan open sans pada text

Contoh penerapan pada web vatih.com

Open Sans Bold + Open Sans

open-sans-font-pairing
Font pairing open sans bold dan open sans regular. Pairing ini menggunakan kontras font weight.

Contoh web yang menggunakan: Carolinaratri.com

Montserrat Bold + Montserrat

montserrat-and-montserrat-pairing
Kombinasi montserat judul, monsterat text, bisa kalian lihat pada blognya mojok.co

Berikutnya..

Roboto Condensed Bold + Cabin Regular

roboto-and-cabin

Playfair Display Bold + Source Sans Regular

playfair-display-font-pairing-with-source-sans-regular

Roboto Bold + Lora Regular

roboto-bold-and-lora

Abril Fatface + Roboto Slab

abril-fatface-roboto-slab

Roboto Light + Merriweather Regular

roboto-light-merriweather

Arvo Regular + Lato Regular

arvo-lato

Oswald Regular + Quattrocento Regular

oswald-quattrocento

Slabo Regular + Lato Regular

slabo-lato

Playfair Display Black + Source Sans Regular

playfair-display-black-source-sans-pro

Cardo Regular + Libre Franklin Regular

cardo-libre-franklin

Neuton Regular + Work Sans Regular

neuton-work-sans

Alegreya Regular + Ubuntu Regular

alegreya-ubuntu-font-pairing

Merriweather Regular + Merriweather Sans Regular

merriweather-and-merriweather-sans-pairing

Bebas Neue + Montserrat Medium

bebas-neue-and-montserrat

Nunito + Nunito

nunito-font-pairing-with-nunito

Mr. Dafoe + Montserrat

mr-dafoe-with-montserrat-font--pairing

Yellow Tail + Libre Baskervile

yellow-tail-libre-baskerville-font-pairing-amazing

Open Sans + Poppins

open-sans-and-poppins-is-great-pairing

Dimana bisa melakukan font pairing secara online?

  1. Google Fonts
  2. Canva
  3. Fontpair.co
  4. Fontjoy.com
  5. Mixfont.com
  6. Adobe fonts.adobe.com/collections

Referensi:
https://www.reliablepsd.com/ultimate-google-font-pairings/
https://www.pagecloud.com/blog/best-google-fonts-pairings
https://qwords.com/blog/kombinasi-font/

2 komentar

    1. 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!

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.