Font terbaik untuk meningkatkan pengalaman membaca

13

Saya sedang membangun sebuah situs web yang tujuan utamanya adalah untuk melayani konten (legislatif) dan saya ingin memberikan pengalaman membaca terbaik kepada pengguna. Anda dapat melihat halaman contoh di:

http://iura.cl/cc/44

Seperti yang Anda lihat, saya telah menghapus semua yang Saat ini saya menggunakan Telex webfont. Saya juga memiliki opsi untuk membaca malam hari yang harus mengurangi cahaya:

http://iura.cl/cc/44?estilo=nocturno

Saya bertanya-tanya apa yang harus saya pertimbangkan tentang font yang saya pilih untuk memastikan font tersebut dapat dibaca, jika ada panduan untuk dipatuhi?

Dan
sumber
2
"Apa font yang Anda rekomendasikan" adalah pertanyaan yang terlalu luas untuk kami jawab. Juga perhatikan bahwa meskipun font tentu saja merupakan bagian utama dari seberapa 'terbaca' sesuatu itu, ada juga sejumlah besar variabel lain (lebar kolom, spasi baris, warna, petunjuk, tata letak, dll.)
DA01
@ DA01 mungkin ada panduan yang mungkin Anda rekomendasikan?
Dan
1
Pertanyaan tampaknya baik bagi saya - ini bukan "Apa font yang Anda sarankan", itu "Bagaimana memilih font yang mudah dibaca untuk situs web " - banyak kriteria.
user56reinstatemonica8

Jawaban:

10

Sebenarnya ada beberapa prinsip yang cukup sederhana jika kriteria nomor satu Anda adalah font yang mudah dibaca untuk sebuah situs web .

  1. Pikirkan mainstream. Berkat @font-faceAnda dapat memilih dari ribuan dan ribuan font - tetapi font yang kurang populer atau lebih baru sering memiliki masalah rendering antara browser dan sistem operasi, kadang-kadang bahkan ketika mereka datang dari para pendiri yang terhormat. Jika keterbacaan adalah prioritas Anda, dan Anda tidak ingin melakukan sejumlah besar pengujian lintas browser lintas OS, Anda mungkin ingin memainkannya dengan aman dan menggunakan font yang terpercaya, dicoba dan diuji. Font web-safe yang lama suka Verdanadan Georgiamerupakan taruhan yang aman karena mereka banyak digunakan, mereka akan diuji bahkan dalam pengaturan browser / OS yang lebih jarang. Plus, keakraban membantu keterbacaan.
  2. Tinggi x tinggi, dan lebar. Anda tidak tahu kualitas atau kerapatan piksel layar pembaca Anda, jadi, jika Anda memprioritaskan keterbacaan, pastikan fitur-fitur pembeda penting dari huruf-huruf tersebut sangat jelas. Font yang dirancang untuk keterbacaan web, suka Verdanadan Georgia, gunakan sebanyak mungkin pikselnya untuk ketinggian x di mana perincian utama sebuah huruf berada, dan gunakan piksel minimal pada ascenders atau descenders di mana satu atau dua pixel bump cukup untuk dengan mudah beri tahu bdari oatau p.
  3. Tidak terlalu ringan. Jenis cahaya tampak hebat di layar cetak atau kerapatan piksel tinggi - tetapi ada alasan bagus mengapa itu jarang digunakan di layar hingga ios7 dan bahkan kontroversial saat itu: jika pemirsa tidak melihat dalam kondisi optimal, seperti layar berkualitas tinggi dalam kondisi stabil. pencahayaan dalam ruangan, ini berisiko terbaca. Gunakan font dengan berat reguler yang bagus - apakah saya menyebutkan Verdanadan Georgia?

Ada banyak font yang memenuhi kriteria ini selain Verdanadan Georgia, tentu saja, dan keduanya kadang-kadang dianggap agak membosankan karena hingga 2009 atau lebih ketika @fontface menjadi banyak digunakan mereka menjadi font untuk sebagian besar web .

Tetapi Anda benar-benar tidak dapat salah dengan mereka - mereka dirancang untuk keterbacaan web, dan setiap browser dan kombinasi sistem operasi akan diuji untuk menampilkannya dengan baik.


Sunting: Ketika penjual dan pendiri webtype benar -benar kesulitan untuk menguji keterbacaan yang baik, mereka cenderung berteriak tentang hal itu dalam pemasaran mereka. Misalnya, seri webtype "Reading Edge" (ujung hat untuk Chris Burton yang menyebutkan ini di sini ). Tetap saja, lakukan tes secara luas.

user56reinstatemonica8
sumber
1
Saya bukan seorang desainer dan saya memiliki beberapa masalah dengan mata saya. Saya suka membaca beberapa teks legislatif, tapi saya pikir situs brazilian kadang-kadang sakit, jadi saya mengambil saran Anda (Verdana) dan memasukkan sebuah plugin bernama Stylish , dengan tinggi 1,5 garis, ukuran font 16px dan warna hitam. Ini sangat nyaman bagi saya sekarang.
Fabio Montefuscolo
5

Ok saya akan pergi ke depan dan memberikan pemikiran saya tentang ini. Tidak ada 'font terbaik' terbaik juga tidak ada karena memilih font tergantung pada banyak aspek yang berbeda. Apa yang ada adalah 'metode terbaik untuk memilih font'.

Jadi, hal-hal yang perlu dipertimbangkan untuk membantu memilih font terbaik untuk proyek Anda;

Media: Bagaimana font akan ditampilkan, kertas, kanvas, online, perangkat portabel, dll. Anda ingin memastikan bahwa Anda memilih font yang sesuai dengan media yang akan ditampilkan, misalnya blok Times New Roman mungkin baik untuk dokumen cetak tetapi, di layar (terutama layar kecil) satu blok Times New Roman bisa sangat sulit dibaca. Anda juga ingin melihat apa yang tersedia bagi Anda jika Anda terbatas pada font web, sumber daya seperti font google dapat membantu Anda di sini. (Dari Wikipedia: "Web Safe Fonts Web-safe fonts adalah font yang cenderung hadir pada berbagai sistem komputer, dan digunakan oleh penulis konten Web untuk meningkatkan kemungkinan bahwa konten ditampilkan dalam font yang mereka pilih. Jika pengunjung ke Web situs tidak memiliki font yang ditentukan, browser mereka mencoba untuk memilih alternatif yang serupa, berdasarkan font fallback yang ditentukan penulis dan keluarga generik atau menggunakan subtitusi font yang ditentukan dalam sistem operasi pengunjung. ")

Hadirin: Pikirkan tentang siapa yang akan membacanya. Seorang anak kecil mungkin melakukan lebih baik tanpa font berbasis serif, atau cerita tunggal 'a' sebagai lawan dari cerita ganda 'a' . Namun jika dikatakan undangan pernikahan maka font seperti Edwardian Script adalah apa yang sangat populer dalam konteks itu karena mari kita hadapi itu semakin Serif, semakin dekoratif semakin baik - menurut beberapa pengantin;) meskipun masih ada barang dekoratif digunakan terutama untuk judul daripada seluruh konten. Sebagai seorang yang bijak

Kontras / Warna: Sekali lagi ini adalah sesuatu untuk dipertimbangkan dalam hal proyek Anda. Tentu saja Anda tidak ingin membutakan orang sebagai akibat dari kontras yang sangat tinggi, atau memberi mereka kerutan dari menyipitkan mata pada sesuatu yang memiliki kontras yang sangat rendah - bagian itu jelas. Tetapi tergantung pada skema warna Anda, Anda mungkin ingin mengutak-atik pengaturan kecerahan dan kontras. Anda akan melihat bahwa GD.SE misalnya tidak sepenuhnya hitam dan sepenuhnya putih (seperti yang ditanyakan & dijawab di sini ) - ini memiliki kontras yang lebih rendah dari itu, akibatnya cukup mudah untuk melihat situs web ini untuk periode waktu yang sangat lama dengan perbandingan untuk melihat sesuatu dengan kontras yang jauh lebih tinggi - mata Anda akan lelah!

Bobot: Secara umum, font berbobot lebih ringan menjadi sedikit lebih mudah dibaca daripada yang lebih berat, ini dibahas lebih lanjut di sini bersama dengan aspek keterbacaan lainnya yang mungkin berguna.

Berapa banyak: Tergantung pada media Anda, audiens dan konten Anda mungkin ingin memilih beberapa font. Tentang ini saya sarankan untuk waspada. Anda tentu tidak ingin membingungkan konten. Inti dari font adalah untuk mengkomunikasikan sesuatu, apa yang Anda cari adalah cara untuk melakukan itu dengan paling efektif. Terlalu banyak font dapat membingungkan, meskipun satu font terkadang membosankan. Umumnya mencampurnya dalam huruf tebal / miring dan ukuran dengan mungkin dua font adalah apa yang cenderung terjadi. Font pasangan dibahas sedikit lebih banyak di sini .

Ini adalah beberapa aspek yang harus Anda persempit jika Anda pergi dari papan tulis kosong, tetapi meskipun ada banyak yang harus dipertimbangkan ketika benar-benar turun ke dalamnya, itu tidak terlalu buruk. Nilai memilih font / font yang tepat pada tahap awal proyek tidak memiliki perbandingan! Ada lebih banyak faktor yang perlu dipertimbangkan saat memilih font di sini.

Analogi yang baik adalah bahwa itu seperti berpakaian, sebuah konsep sederhana yang dibahas di sini .

Jadi ketika format jawaban saya secara alami jatuh, Anda ingin mencari tahu untuk siapa ini dan apa yang harus dikatakan - maka Anda ingin mengetahui cara komunikasi, yang font :) dan karena ini tidak akan menjadi Jenna-Answer tanpa banyak tautan, ini dibahas lebih lanjut di sini .

Saya sangat menyarankan membaca tautan yang telah saya berikan, mereka sangat membantu dan akan membantu membekali Anda untuk memilih font yang tepat untuk proyek Anda, inilah yang akan meningkatkan pengalaman pembaca. Ini bukan hanya tentang keterbacaan tetapi juga seluruh konteks yang dikontribusikan oleh font, belum lagi estetika font yang cukup terbaca mungkin mengambil dari desain sepenuhnya ketika dan sama-sama terbaca tetapi lebih tepat satu mungkin tidak diperhatikan dan karenanya membuat desain dan informasi hal yang paling menonjol. Meluangkan waktu untuk melakukan ini menurut saya sangat penting.

Semoga saya telah membantu dan belum banyak mengoceh, saya sedikit bersemangat tentang font yang tepat :) Selamat mencoba proyek Anda.

Jenna
sumber
2

Saya percaya bahwa font Serif cenderung lebih mudah di mata untuk periode membaca yang lebih lama. Untuk pengalaman membaca yang lebih baik, saya pikir font serif seperti Adobe Garamond berfungsi dengan baik. Ini tidak "bla" seperti Times. Ada beberapa kurva menarik dalam serif yang membantu membuatnya sedikit lebih "murni" sejauh font serif pergi.

masukkan deskripsi gambar di sini

Berikut adalah artikel tentang hal yang cenderung saya setujui:

Serif vs Sans: pertempuran terakhir

ckpepper02
sumber
1
Tidak ada bukti konklusif bahwa wajah serif lebih atau kurang dapat dibaca dibandingkan wajah sans-serif. Satu-satunya pengecualian adalah di layar, di mana tampilan dengan resolusi lebih rendah mungkin membuat lebih sulit untuk merender detail wajah serif.
DA01
1
Garamond mungkin cantik, tetapi rasio ex-to-em yang rendah akan merusak keterbacaan jika digunakan sebagai font tubuh. Font serif dengan ketinggian lebih baik termasuk Georgia, Bitstream Charter, dan Charis SIL.
Gavin R. Putland
@ GavinR.Putland Bisakah Anda menguraikan tentang rasio ex / em? Ini dapat mengganggu keterbacaan hanya jika spasi baris terlalu kecil = salah. Paling tidak 140% spasi baris disarankan.
Mikhail V
@ DA01 Saya perhatikan ada kecenderungan orang menyebutkan beberapa argumen "bukti". Sebagai seorang ahli saya dapat memberitahu font seperti Garamond yang paling mudah dibaca, dan yang sama akan memberi tahu Anda ahli tipografi lainnya. Apakah ini bukan "bukti" untuk Anda?
Mikhail V
@MikhailV itu bukan bukti. Itu pendapat. Bukti apa yang ada di luar sana (yang minimal) cenderung condong ke "wajah yang paling mudah dibaca adalah wajah orang yang paling dikenalnya"
DA01