Cara Pilih Keluarga Font Untuk Laman Web Anda

Cara Memutuskan Keluarga Font Yang Digunakan

Lihat mana-mana laman web dalam talian hari ini, tanpa mengira saiz laman web atau industri itu, dan anda akan melihat bahawa satu perkara yang mereka semua berkongsi sama adalah kandungan teks.

Salah satu cara paling mudah untuk menjejaskan reka bentuk halaman web adalah dengan fon yang anda gunakan untuk kandungan teks di laman web tersebut. Malangnya, banyak pereka web yang awal dalam kerjayanya menjadi agak gila dengan menggunakan terlalu banyak fon pada setiap halaman. Ini boleh membuat pengalaman yang lemah yang nampaknya kekurangan reka bentuk perpaduan. Dalam keadaan lain, pereka cuba mencuba dengan fon yang hampir tidak boleh dibaca, menggunakannya hanya kerana mereka "sejuk" atau berbeza. Mereka mungkin memang fon kelihatan sejuk, tetapi jika teks yang dimaksudkan untuk disampaikan tidak dapat dibaca, maka "kesejukan" font itu akan hilang apabila tiada sesiapa yang membaca laman web itu dan sebaliknya meninggalkan laman web yang boleh diprosesnya!

Artikel ini akan melihat beberapa perkara yang perlu anda pertimbangkan ketika anda memilih keluarga font untuk projek laman web anda yang seterusnya.

BEBERAPA PERATURAN-OF-THUMB

  1. Jangan gunakan lebih daripada 3-4 fon pada mana-mana satu halaman. Apa-apa yang lebih daripada ini mula berasa amat ghairah - dan bahkan 4 fon boleh terlalu banyak dalam beberapa kes!
  2. Jangan ubah fon dalam ayat pertengahan melainkan jika anda mempunyai alasan yang sangat baik (Nota - saya tidak pernah, dalam semua tahun saya sebagai pereka web, mendapat alasan yang baik untuk melakukan ini)
  3. Gunakan fon sans serif atau fon serif untuk teks badan untuk menjadikannya blok kandungan lebih mudah dibaca.
  4. Gunakan fon monospace untuk teks mesin ketik dan blok kod untuk menetapkan kod itu selain dari halaman.
  5. Gunakan skrip dan fon fantasi untuk aksen atau tajuk besar dengan sangat sedikit perkataan.

Ingat bahawa ini adalah semua cadangan, bukan peraturan yang keras dan cepat. Jika anda akan melakukan sesuatu yang berbeza, bagaimanapun, anda perlu melakukannya dengan niat, bukan secara tidak sengaja.

SANS SERIF FONTS ADALAH DASAR LAMAN ANDA

Fon Sans serif adalah fon yang tidak mempunyai " serif " -suatu rawatan reka bentuk yang sedikit ditambah pada hujung huruf.

Sekiranya anda telah mengambil sebarang kursus reka bentuk cetakan anda mungkin diberitahu bahawa anda hanya perlu menggunakan font serif untuk tajuk utama sahaja. Ini tidak benar untuk Web. Halaman web dimaksudkan untuk dilihat oleh penyemak imbas web pada monitor komputer dan monitor hari ini cukup bagus untuk memaparkan fon serif dan sans-serif dengan jelas. Beberapa fon serif boleh menjadi sedikit mencabar untuk dibaca pada saiz yang lebih kecil, terutamanya pada paparan yang lebih tua, jadi anda harus sentiasa menyedari khalayak anda dan pastikan mereka dapat membaca fon serif sebelum membuat keputusan untuk menggunakannya untuk teks tubuh anda. Bahawa dikatakan, fon paling serif hari ini direka untuk penggunaan digital dan mereka akan berfungsi dengan baik sebagai salinan badan selagi mereka ditetapkan pada saiz fon yang munasabah.

Beberapa contoh fon sans-serif adalah:

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

MENGGUNAKAN FUNGSI SERIF UNTUK CETAKAN

Walaupun fon serif boleh membaca dalam talian untuk paparan yang lebih tua, mereka sesuai untuk cetakan dan bagus untuk tajuk utama di laman web. Sekiranya anda mempunyai versi laman web cetak yang mesra , ini adalah tempat yang sempurna untuk menggunakan fon serif. Serif, dalam cetakan, memudahkan bacaan, kerana mereka membenarkan orang untuk membezakan huruf dengan lebih jelas. Dan kerana cetakan mempunyai resolusi yang lebih tinggi, mereka dapat dilihat dengan lebih jelas dan tidak kelihatan kabur bersama-sama.

Amalan Terbaik: Pertimbangkan menggunakan fon serif untuk halaman cetak-mesra anda.

Beberapa contoh fon serif adalah:

MONOSPACE FONTS TAKE UP SPACE EQUAL FOR SETIAP SURAT

Walaupun laman web anda bukan tentang pengkomputeran, anda boleh menggunakan monospace untuk memberikan arahan, memberikan contoh, atau menyiratkan teks yang ditulis dengan ketiak. Huruf monospace mempunyai lebar yang sama untuk setiap watak, sehingga mereka selalu mengambil jumlah ruang yang sama pada halaman.

Typewriters biasanya menggunakan fon monospace, dan menggunakannya pada halaman web anda dapat memberi anda rasa kandungan yang dimuatkan.

Beberapa contoh fon monospace adalah:

Amalan Terbaik: fon Monospace berfungsi dengan baik untuk sampel kod.

FONTASY DAN SCRIPT FONTS HARD TO READ

Fon fantasi dan skrip tidak begitu luas di komputer, dan secara umum sukar untuk dibaca dalam ketulan besar. Walaupun anda mungkin menyukai kesan diari atau rekod peribadi lain yang menggunakan fon kursif mungkin memberi, pembaca anda mungkin menghadapi masalah. Ini benar terutamanya jika penonton anda termasuk penceramah bukan asli. Juga, fon fantasi dan kursif tidak selalunya memasukkan aksara aksen atau aksara khas lain yang menghalang teks anda untuk bahasa Inggeris.

Gunakan fon fantasi dan kursif dalam imej dan sebagai tajuk atau panggilan keluar. Pastikan mereka pendek dan sedar bahawa apa jua font yang anda pilih mungkin tidak akan menjadi majoriti komputer pembaca anda, jadi anda perlu menghantarnya menggunakan fon web .

Beberapa contoh fon fantasi adalah:

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

Beberapa contoh fon skrip ialah:

Trivia: Kajian telah menunjukkan bahawa fon yang lebih sukar dibaca dapat membantu pelajar mengekalkan lebih banyak maklumat.

Artikel asal oleh Jennifer Krynin. Disunting oleh Jeremy Girard pada 9/8/17