Panduan untuk Memasangkan Font: Memilih Kombinasi Font Terbaik untuk Situs Web Anda

Sebagai seorang desainer web, Anda memiliki banyak keputusan besar yang harus dibuat untuk setiap situs web yang Anda buat. Palet warna, interaksi UI, tata letak navigasi, memilih font terbaik untuk situs web Anda, dan banyak lagi.

Namun, salah satu area desain web yang mungkin tidak cukup Anda pikirkan adalah pemasangan font.

Memilih satu font yang tampak hebat adalah satu hal. Setelah Anda memiliki pemahaman yang baik tentang suara dan gaya merek, akan lebih mudah untuk mengidentifikasi font yang menyampaikan getaran serupa.

Situs web membutuhkan lebih dari satu font — untuk membuat hierarki, membuat pengunjung tetap terlibat dengan banyak teks, dan secara tidak sadar memberi tahu pengunjung lebih banyak tentang kepribadian dan pendekatan merek.

Saat Anda menambahkan lapisan kerumitan ekstra ini ke dalam campuran, segalanya bisa menjadi rumit. Anda tidak hanya memasangkan font satu sama lain; Anda juga memasangkannya dengan desain web Anda.

Saya yakin Anda pernah mengalami skenario seperti ini dalam perjalanan Anda di web:

• Dua font yang membosankan membuat posting blog yang panjang sangat sulit untuk dibaca dan Anda akhirnya membaca header untuk melihat apakah Anda dapat menyatukan cerita dengan cara itu.
• Font kursif yang menyenangkan dan unik memperkenalkan pengunjung ke bisnis, hanya untuk font tubuh yang terlalu kecil dan super sederhana untuk bertentangan dengan kesan pertama itu.
• Situs web mengklaim bahwa perusahaan mengambil pendekatan muda dan inovatif untuk bisnis, itulah sebabnya font retro tampak tidak pada tempatnya.

Terlalu banyak yang bisa salah dalam pemasangan font jika Anda tidak meluangkan waktu untuk memahami bagaimana font cocok bersama.

Dalam panduan kami tentang font terbaik untuk situs web, kami merangkum karakteristik utama yang harus dicari:

1. Keterbacaan

Salah satu alasan mengapa serif sangat disukai dalam literatur dan surat kabar adalah karena keterbacaan. Serif (kaki) di bagian atas dan bawah karakter memudahkan pembaca untuk membedakan antara karakter yang mirip seperti huruf besar "I" dan huruf kecil "l", jadi tidak ada pelambatan karena masalah pemahaman.

Jika Anda mendesain halaman dengan lebih dari 600 kata, bukan ide yang buruk untuk menggunakan serif di badan teks karena alasan ini.

Yang mengatakan, jika Anda menemukan sans serif dengan bentuk huruf yang berbeda (bahkan tanpa serif), jangan takut untuk bereksperimen. Kami memiliki beberapa contoh cara menggunakan sans serif di penempatan body dan header di bawah ini.

2. Keterbacaan

Salah satu alasan mengapa san serif lama dianggap sebagai pilihan yang lebih baik daripada serif untuk teks online adalah karena keterbacaannya yang tinggi. Namun, penelitian telah menunjukkan bahwa ada sedikit perbedaan dalam seberapa cepat atau mudah orang dapat membaca teks serif vs. san serif — setidaknya pada ukuran yang lebih kecil.

Karena resolusi layar telah meningkat pesat selama bertahun-tahun, tipografer telah mampu membuat wajah font dalam kedua gaya yang sama-sama mudah dibaca. Seperti yang dijelaskan NNG:

“Pedoman kegunaan lama untuk tipografi online sederhana: tetap berpegang pada tipografi sans-serif. Karena layar komputer terlalu buruk untuk membuat serif dengan benar, mencoba mengetik serif pada ukuran teks tubuh menghasilkan bentuk huruf yang kabur.”

Sementara jenis font lain — seperti yang terlalu dekoratif — mungkin terlalu sulit untuk dibaca di luar teks header besar, desainer memiliki banyak pilihan dalam hal bagaimana mereka menata teks pada halaman dengan serif dan san serif.

Apa yang Anda harus lebih sadar, kemudian, adalah ukuran dan spasi karakter Anda sebagai gantinya memiliki efek pada keterbacaan dan keterbacaan.

3. Kenyamanan

Ada beberapa web designer yang enggan menggunakan tipografi seperti Helvetica atau Times New Roman karena terlalu sering digunakan. Namun, pemilihan dan pemasangan font bukan tentang bagaimana perasaan Anda tentang tipografi situs web Anda, ini tentang seberapa nyaman pengunjung Anda membacanya.

Jadi, tidak ada salahnya memilih klasik jika mereka menyelesaikan pekerjaan.

4. Gaya

Pilih jenis font dan font dengan gaya yang sesuai dengan merek Anda. Misalnya, font serif terasa lebih tradisional dan serius dibandingkan dengan font kursif yang cenderung lebih unik dan menyenangkan.

Anda dapat memberi tahu pengunjung banyak tentang merek Anda hanya dengan memilih jenis font yang tepat untuk memulai.

Jangan lupakan aturan ini saat Anda melanjutkan ke langkah berikutnya dalam mendesain dengan tipografi: