Cara Memilih Keluarga Font Untuk Situs Web Anda

Cara Memutuskan Font Keluarga mana yang Dipakai

Lihatlah halaman web apa pun online hari ini, terlepas dari ukuran situs atau industri itu, dan Anda akan melihat bahwa satu hal yang sama-sama mereka bagikan adalah konten teks.

Salah satu cara termudah untuk memengaruhi desain laman web adalah dengan font yang Anda gunakan untuk konten teks di situs tersebut. Sayangnya, banyak perancang web yang berada di awal karir mereka menjadi sedikit gila dengan menggunakan terlalu banyak font di setiap halaman. Ini dapat membuat pengalaman yang berkabut yang tampaknya kurang kohesi desain. Dalam contoh lain, desainer mencoba bereksperimen dengan font yang hampir tidak dapat dibaca, menggunakan mereka hanya karena mereka "keren" atau berbeda. Mereka mungkin memang keren mencari font, tetapi jika teks yang dimaksudkan untuk menyampaikan tidak dapat dibaca, maka "kesejukan" font itu akan luntur ketika tidak ada yang membaca situs web itu dan malah meninggalkan situs yang dapat mereka proses!

Artikel ini akan melihat beberapa item yang harus Anda pertimbangkan ketika Anda memilih keluarga font untuk proyek situs web berikutnya.

BEBERAPA ATURAN DARI THUMB

  1. Jangan gunakan lebih dari 3-4 font pada satu halaman. Apa pun yang lebih dari ini mulai terasa amatir - dan bahkan 4 font bisa terlalu banyak dalam beberapa kasus!
  2. Jangan mengubah font di tengah kalimat kecuali Anda memiliki alasan yang sangat bagus (Catatan - Saya tidak pernah, selama bertahun-tahun sebagai perancang web, menemukan alasan bagus untuk melakukan ini)
  3. Gunakan font sans serif atau font serif untuk teks isi agar pemblokiran konten lebih mudah dibaca.
  4. Gunakan font monospace untuk teks mesin tik dan blok kode untuk mengatur kode itu terpisah dari halaman.
  5. Gunakan skrip dan font fantasi untuk aksen atau judul besar dengan sangat sedikit kata.

Ingat bahwa ini semua adalah saran, bukan aturan keras dan cepat. Namun, jika Anda akan melakukan sesuatu yang berbeda, maka Anda harus melakukannya dengan niat, bukan karena kecelakaan.

SANS SERIF FONTS ADALAH DASAR SITUS ANDA

Font Sans serif adalah font -font yang tidak memiliki " serif " - sedikit tambahan desain perawatan pada ujung huruf.

Jika Anda telah mengambil kursus desain cetak, Anda mungkin telah diberitahu bahwa Anda hanya boleh menggunakan font serif untuk judul saja. Ini tidak berlaku untuk Web. Halaman web dimaksudkan untuk dilihat oleh browser web pada monitor komputer dan monitor hari ini cukup bagus dalam menampilkan font serif dan sans-serif dengan jelas. Beberapa font serif dapat menjadi sedikit menantang untuk dibaca pada ukuran yang lebih kecil, terutama pada tampilan yang lebih lama, jadi Anda harus selalu mengetahui audiens Anda dan memastikan bahwa mereka dapat membaca font serif sebelum Anda membuat keputusan untuk menggunakannya untuk teks tubuh Anda. Yang sedang dikatakan, font paling serif saat ini dirancang untuk konsumsi digital dan mereka akan bekerja dengan baik sebagai salinan tubuh selama mereka ditetapkan pada ukuran font yang wajar.

Beberapa contoh font sans-serif adalah:

Trivia: Verdana adalah keluarga font yang diciptakan untuk digunakan di web.

GUNAKAN SERIF FONTS UNTUK PRINT

Meskipun font serif dapat dibaca secara online untuk tampilan yang lebih lama, font serif sempurna untuk dicetak dan baik untuk judul di halaman web. Jika Anda memiliki versi ramah cetak dari situs Anda, ini adalah tempat yang tepat untuk menggunakan font serif. Serif, dicetak, membuatnya lebih mudah dibaca, karena memungkinkan orang untuk membedakan huruf-huruf lebih jelas. Dan karena cetak memiliki resolusi yang lebih tinggi, mereka dapat dilihat lebih jelas dan tidak tampak kabur bersama-sama.

Praktik Terbaik: Pertimbangkan untuk menggunakan font serif untuk halaman yang mudah dicetak.

Beberapa contoh font serif adalah:

MONOSPACE FONTS MENGAMBIL RUANG EQUAL UNTUK SETIAP SURAT

Bahkan jika situs Anda bukan tentang komputasi, Anda dapat menggunakan monospace untuk memberikan petunjuk, memberikan contoh, atau menyiratkan teks yang diketikkan. Huruf monospace memiliki lebar yang sama untuk setiap karakter, jadi mereka selalu mengambil jumlah ruang yang sama pada halaman.

Typewriters biasanya menggunakan font monospace, dan menggunakannya di halaman web Anda dapat memberi Anda nuansa konten yang diketik.

Beberapa contoh font monospace adalah:

Praktik Terbaik: Font monospace berfungsi dengan baik untuk sampel kode.

FANTASY DAN SCRIPT FONTS ADALAH KERAS UNTUK DIBACA

Font fantasi dan skrip tidak begitu luas di komputer, dan secara umum sulit dibaca dalam potongan besar. Meskipun Anda mungkin menyukai efek buku harian atau catatan pribadi lainnya yang menggunakan font kursif mungkin memberi, pembaca Anda mungkin mengalami masalah. Ini terutama benar jika audiens Anda termasuk orang yang bukan penutur asli. Font fantasi dan kursif tidak selalu menyertakan karakter aksen atau karakter khusus lainnya yang membatasi teks Anda ke bahasa Inggris.

Gunakan font fantasi dan kursif dalam gambar dan sebagai judul atau panggilan keluar. Jaga agar tetap singkat dan perhatikan bahwa font apa pun yang Anda pilih mungkin tidak akan ada di sebagian besar komputer pembaca Anda, jadi Anda harus mengirimkannya menggunakan font web .

Beberapa contoh font fantasi adalah:

Trivia: Dampak adalah keluarga font yang paling mungkin berada pada komputer Mac, Windows, dan Unix.

Beberapa contoh font skrip adalah:

Trivia: Penelitian telah menunjukkan bahwa font yang lebih sulit dibaca dapat membantu siswa mempertahankan lebih banyak informasi.

Artikel asli oleh Jennifer Krynin. Diedit oleh Jeremy Girard pada 9/8/17