Berapa jumlah ukuran font yang ideal untuk digunakan untuk situs web?

11

Saya ingin tahu berapa ukuran font yang dapat Anda gunakan untuk situs web.

Seseorang berkata kepada saya lebih baik tidak menggunakan lebih dari 3 ukuran font yang berbeda (mis. 16px untuk heading, 11px untuk teks dan 13 px untuk headline yang lebih kecil).

Apakah ide yang baik atau buruk untuk menggunakan lebih dari 3 ukuran font per halaman web (mis. 4)? Saya hanya bertanya karena saya mempertimbangkan untuk menggunakan yang keempat tetapi tidak tahu apakah itu dapat merusak desain saya.

drpelz
sumber

Jawaban:

10

Pertanyaan ini menarik. Sejujurnya saya belum pernah mendengar tentang ukuran font yang terbatas. Namun, saya telah mendengar tentang jumlah wajah font yang umumnya tidak melebihi 2 atau 3. Di web responsif hari ini, Anda akan melihat ukuran font berubah sepanjang waktu tergantung pada viewport.

Ini tidak akan menjadi jawaban yang bagus tanpa beberapa sumber, jadi ada dua artikel menarik yang menurut saya harus Anda baca dari Smashing Magazine. Salah satunya adalah pada panduan dan teknik Tipografi (saya telah menghubungkan Anda ke bagian yang mereka bicarakan tentang penskalaan tag heading secara relatif) h1: 1.5ems, h2: 1.375ems dll.

Artikel kedua adalah penelitian besar yang dilakukan Smashing Magazine tentang tipografi setiap tahun di beberapa situs web paling populer. Situs-situs ini terutama didorong oleh konten sehingga tipografi adalah kunci penting bagi mereka.

Saya pikir apa yang akan Anda temukan adalah bahwa tidak ada praktik terbaik yang disepakati secara umum untuk ukuran font. Selama mereka tidak berubah secara dramatis untuk mengalihkan perhatian penonton, Anda dapat bermain dengan mereka atas kebijakan Anda. Jika Anda dapat menggunakan ukuran font dengan cara yang dapat dibedakan sehingga pengguna dapat menghubungkan ukuran font ke jenis konten tertentu, maka Anda tidak masalah. Hanya saja, jangan berlebihan.

Adam Schuld
sumber
1
Wow! Terima kasih banyak atas jawaban yang luar biasa itu!: D Anda menyelamatkan hari saya! :) Hanya ingin mengatakan bahwa pria yang mengatakan kepada saya bahwa Anda tidak boleh menggunakan lebih dari 3 ukuran font yang berbeda sekaligus adalah mantan bos desain grafis saya agen di Jerman. Saya tidak terlalu menyukainya dan dia mengatakan kepada saya banyak uang $ hit ketika saya bekerja di sana jadi saya pikir aturan 3 ukuran yang berbeda adalah omong kosong jika Anda bertanya kepada saya. Hanya catatan singkat ...
drpelz
4

Saya ingin tahu berapa ukuran font yang dapat Anda gunakan untuk situs web.

Secara teknis, jumlah yang tak terbatas.

Seseorang berkata kepada saya lebih baik tidak menggunakan lebih dari 3 ukuran font yang berbeda

Desain 'baik' cenderung bekerja dalam serangkaian kendala, sehingga banyak aturan tipe-of-thumb ini hanya itu - kendala yang digunakan untuk mengendalikan berbagai pilihan untuk memberikan fokus dan arah.

Apakah itu ide yang baik atau buruk untuk menggunakan lebih dari 3 ukuran font per halaman web

Iya. Dan tidak. Er ... itu tergantung.

Semuanya didasarkan pada rincian desain Anda. Tanyakan pada diri Anda: apakah menambahkan ukuran font ke-4 berfungsi? Bisakah Anda membenarkan penggunaannya? Jika demikian, lakukanlah.

DA01
sumber
2

Sebanyak yang Anda suka. Pikirkan tentang koran. Mungkin menggunakan berbagai ukuran untuk pos untuk mengekspresikan kepentingan relatif. Tidak ada alasan umum mengapa Anda tidak dapat melakukan hal yang sama di halaman web. Misalnya, tag cloud sangat memanfaatkan variasi ukuran font.

Jukka K. Korpela
sumber
Sementara surat kabar memang menggunakan skala untuk mengakomodasi berbagai tingkat kepentingan, mereka juga secara tradisional digunakan sebagai sarana penyalinan salinan.
DA01
Tag cloud adalah contoh yang bagus!
unor
2

Saya setuju dengan sebagian besar jawaban yang telah diberikan di atas tetapi ingin menambahkan satu lagi di sini.

Pertama, saya pikir Anda harus memastikan bahwa Anda mempertahankan tata letak yang paling menarik bagi pengunjung. Jika Anda mencampur dan mencocokkan ukuran font terlalu banyak, itu mungkin berakhir menjadi lebih berantakan dan sulit dibaca.

Kedua, pertimbangkan basis pengguna. Siapa yang akan menggunakan situs Anda? Beberapa orang menggunakan platform yang berbeda dan ukuran font tertentu terlihat berbeda pada platform yang berbeda.

Yang paling penting untuk dilakukan adalah menjaga tampilan yang konsisten pada halaman Anda. Semoga berhasil!

Eenvincible
sumber
1
Pada dasarnya Anda benar, tentu saja! :) TETAPI ukuran font hanya dapat membuat pengembangan situs game yang kompleks menjadi sulit dalam kasus saya.
drpelz