Font situs web- ini adalah salah satu masalah utama dalam desain situs web Anda. Ukuran, warna, dan jenis font yang tepat dapat memecahkan masalah keterbacaan, keindahan, dan efisiensi sumber daya secara keseluruhan.

TOP 10 font terbaik dan paling banyak digunakan

1. Tahoma

2. Verdana

3. Arial/Arial Hitam/Arial Sempit

4. Times New Roman

5. Linotipe Palatino / Palatino

6. Dampak

7. Abad Gotik

8. Helvetica

9. Georgia

10. Gill Sans MT

11. Kurir Baru

12. Kalibri

13. Trebuchet MS

14. Lucida Tanpa Unicode

Beberapa aturan untuk menggunakan font di situs

Judul

Paragraf paragraf pertama

Kedua paragraf paragraf

Isi (font: 14px/100% Tahoma, Verdana, sans-serif)
14 piksel ukuran huruf, 100% ruang antar garis, Tahoma font yang digunakan
3. Teks setelah desain harus dapat dibaca - pertahankan kontras (teks hitam dengan latar belakang putih, putih dengan biru, dll.). Cobalah untuk tidak menggunakannya untuk salah satu atau yang lain. warna cerah. Ada pengecualian, namun hal ini tidak termasuk dalam praktik standar.

4. Saat mendesain teks, usahakan untuk tidak menggunakan lebih dari 2-3 warna. Harap dicatat bahwa yang paling banyak desain terbaik tetap pada 2-3 warna, tidak lebih. Ikuti aturan ini dan Anda

5. Teksnya harus dapat dibaca! Cobalah untuk membuat paragraf, indentasi subparagraf atau informasi referensi.

Teks paragraf pertama. Panjang dan menarik.

Namun teks paragraf kedua tidak akan menyatu dengan paragraf kedua, karena akan ada indentasi di antara keduanya.

Terima kasih atas perhatian Anda! Dan semoga sukses dalam mengembangkan desain proyek!)

Selamat siang semuanya!!! Hari ini kita akan berbicara tentang font. Dan kawan asing akan membantu kita dalam hal ini. Kami membaca dengan cermat dan belajar dari pengalaman.

Tidak diragukan lagi, pilihan solusi font memainkan peran besar dalam persepsi situs. Lagi pula, sebagian besar situs hampir seluruhnya terdiri dari teks.

Tomas Laurinavicius tertarik dengan font apa yang paling sering digunakan oleh desainer web dalam pekerjaan mereka.

Dia melakukan studi sosiologis kecil-kecilan untuk mengidentifikasi font paling populer dan favorit di kalangan pembuat desain situs web dan blog.

Apalagi dia mengambil wawancara singkat dari desainer web untuk mengetahui font mana yang paling cocok dalam situasi tertentu. Thomas membagikan hasil surveinya di hongkiat.com.

Selama survei, desainer web menyebutkan nama 73 font yang berbeda– 46 gratis dan 27 berbayar.

Font paling favorit para desainer web adalah: Helvetica, Arial, Georgia, Gotham, Myriad Pro, DIN, Futura, League Gotic, Cabin, Corbel.

Perlu diperhatikan bahwa tidak semua font yang disajikan memiliki gaya Cyrillic, terutama pada versi gratis.

10 Font Gratis Favorit Teratas untuk Desainer Web

Para desainer yang disurvei memilih 10 font terbaik untuk grafik web. Ini tidak memperhitungkan font default yang diinstal sistem operasi, seperti Arial, Verdana, Times New Roman, Georgia atau Tahoma. (Ini agak aneh - font yang ada di sistem operasi didahulukan).

10 Font Berbayar Favorit Teratas untuk Desainer Web

Daftar berikut berisi yang paling populer font berbayar, digunakan dalam grafik dan desain web. Beberapa dari mereka sangat mahal, tetapi kualitasnya berbicara sendiri dan membenarkan biayanya.

Font itu penting. Seperti udara yang tidak kau sadari selama semuanya baik-baik saja. Kebanyakan orang tidak tahu apa nama font atau apa perbedaannya (dan itu tidak masalah), namun mereka pasti bisa merasakan ada yang salah dengan situs Anda jika font yang Anda gunakan tidak sesuai dengan proyek Anda.

Berapa berat font

Keterbacaan font

Apapun font yang Anda pilih, font tersebut harus mudah dibaca. Apalagi jika Anda menggunakan foto background. Jika Anda memberi garis tipis pada foto dengan detail kecil, teks tidak akan dibaca. Selalu perhatikan hal ini.

Apa yang bisa dilakukan? Pertama, gunakan foto yang sesuai dengan latar belakang: dengan elemen besar dan seragam. Kedua, haluskan foto menggunakan filter agar lebih halus dan teks terbaca lebih baik. Ketiga, Anda dapat meningkatkan saturasi blok tertentu dengan menerapkan “gaya inline”. Ini berarti Anda tidak mengatur pengaturan untuk keseluruhan situs, tetapi hanya untuk sebagian teks. Anda perlu memilih teks dan mengatur parameter melalui editor.

Gaya yang diterapkan dengan cara ini, selain pengaturan global, akan selalu diutamakan. Oleh karena itu, jika tiba-tiba Anda mengubah parameter di pengaturan situs, tetapi perubahannya tidak terlihat, berarti “gaya inline” telah diterapkan di tempat ini. Untuk menghapusnya, Anda perlu memilih teks dan klik ikon “hapus”.

Contoh 1: Teksnya tidak terlalu mudah dibaca

Contoh 2: Teksnya terbaca dengan baik

Jika topik pemilihan font menarik minat Anda, temukan situs bagus yang dekat dengan proyek Anda dan lihat font apa yang mereka gunakan. Ekstensi browser What Font akan membantu Anda menentukan hal ini.

Anda juga dapat melihat arsip tipografi independen http://fontsinuse.com/ - sumber tempat sampel situs web dan publikasi cetak dikumpulkan dan diurutkan berdasarkan jenis font yang digunakan.

Di salah satu buku harian saya membaca diskusi tentang font apa yang terbaik untuk digunakan dalam catatan saya. Dan inilah pendapat seorang profesional dengan pengalaman 15 tahun tentang hal itu...

Saya yakin font yang lebih mudah dibaca lebih baik. Namun, teks dibaca secara berbeda di atas kertas dan di layar monitor. Oleh karena itu, font yang paling cocok untuk situs web tidak selalu harus digunakan dalam bentuk cetak.

Ingat aturannya: font yang paling mudah dibaca di atas kertas adalah font serif; di layar, font sans serif paling mudah dibaca.

Saya rasa alasannya adalah karena informasi yang ditampilkan berbeda di atas kertas dan di layar monitor. Jadi, dalam pencetakan tipografi, norma font dianggap 700 dpi (titik per inci - jumlah titik per inci), dan kejernihan gambar di layar monitor hanya 72 dpi - sepuluh kali lebih sedikit.. .

Tapi mari kita kembali ke pertanyaan kita - font mana yang lebih baik? Jawaban yang jelas untuk hal ini dapat diberikan sehubungan dengan situs web: ini adalah Verdana. Apalagi ini bukan sudut pandang saya, tapi fakta yang terbukti secara ilmiah. Font ini paling mudah dibaca di layar!

Font ini cukup cerita yang menarik.

Ini dirancang khusus untuk Microsoft pada tahun 1996 sebagai font yang mudah dibaca di layar bahkan pada ukuran huruf kecil. Berkat tidak adanya serif, ukuran karakter yang lebar dan interlokal diantara keduanya, font Verdana sangat mudah dibaca!

Hal lainnya adalah, meskipun keterbacaannya luar biasa, teks ini sangat bagus: lagipula, Anda ingin teksnya tidak hanya mudah dibaca, tetapi juga terlihat indah (walaupun suka atau tidak adalah masalah selera. ). Maka Anda perlu mencari alternatif - untungnya, alternatif itu ada.

Empat teratas: font Arial, Helvetica, Verdana dan Georgia

Berdasarkan hasil survei terhadap 35 web designer oleh Smashing Magazine, peringkat pertama ditempati oleh dua font: Helvetica dan Arial. (Untuk pendidikan umum Menurut saya Helvetica dikembangkan oleh desainer Swiss lebih dari setengah abad yang lalu, dan font Arial dua puluh tahun lebih muda.) Font ini adalah yang paling umum di Internet, dan oleh karena itu dapat diklaim sebagai yang terbaik.

Font Georgia yang indah sangat populer (dan disukai secara universal). Terlepas dari kenyataan bahwa font ini adalah serif, font ini tersebar luas di Internet. Misalnya, digunakan sebagai font utama di versi daring Majalah Forbes.

Faktanya, jika Anda melihat situs web yang layak di Internet, Anda akan menemukan bahwa keempat font di atas dapat ditemukan di mana-mana. Font lain merupakan pengecualian dan bukan aturan. Oleh karena itu, secara ringkas dapat kami rangkum bahwa font terbaik untuk sebuah website adalah Arial, Helvetica, Verdana dan Georgia.

Adapun font untuk membaca dari kertas, jumlahnya sangat banyak (beberapa ribu) sehingga hampir tidak mungkin untuk memilih yang terbaik. Namun, betapapun sepele kedengarannya, Times New Roman dan variasinya banyak digunakan di media cetak. Oleh karena itu, kami akan menyerahkan keunggulan font offline terbaik kepadanya.

P.S. Omong-omong, Serif dan Sans Serif diterjemahkan dari bahasa Prancis sebagai berikut: dengan serif dan tanpa serif.

Saya yakin font yang lebih mudah dibaca lebih baik. Namun, teks dibaca secara berbeda di atas kertas dan di layar monitor. Oleh karena itu, font yang paling cocok untuk situs web tidak selalu harus digunakan dalam bentuk cetak.

Pavel SHUDNEV

Ingat aturannya: font yang paling mudah dibaca di atas kertas adalah font serif; di layar, font sans serif paling mudah dibaca.

Saya rasa alasannya adalah karena informasi yang ditampilkan berbeda di atas kertas dan di layar monitor. Jadi, dalam pencetakan tipografi, norma font dianggap 700 dpi (titik per inci - jumlah titik per inci), dan kejernihan gambar di layar monitor hanya 72 dpi - sepuluh kali lebih sedikit.. .

Tapi mari kita kembali ke pertanyaan kita - font mana yang lebih baik? Jawaban yang jelas untuk hal ini dapat diberikan sehubungan dengan situs web: ini adalah Verdana. Apalagi ini bukan sudut pandang saya, tapi fakta yang terbukti secara ilmiah. Font ini paling mudah dibaca di layar! Font ini memiliki sejarah yang cukup menarik.

Ini dikembangkan khusus untuk Microsoft pada tahun 1996 sebagai font yang mudah dibaca di layar bahkan dengan ukuran huruf kecil. Berkat kurangnya serif, ukuran karakter yang lebar, dan spasi yang besar di antara keduanya, font Verdana sangat mudah dibaca!

Hal lainnya adalah, meskipun keterbacaannya luar biasa, teks ini sangat bagus: lagipula, Anda ingin teksnya tidak hanya mudah dibaca, tetapi juga terlihat indah (walaupun suka atau tidak adalah masalah selera. ). Maka Anda perlu mencari alternatif - untungnya, alternatif itu ada.

Empat teratas: font Arial, Helvetica, Verdana dan Georgia

Berdasarkan hasil survei terhadap 35 web designer oleh Smashing Magazine, peringkat pertama ditempati oleh dua font: Helvetica dan Arial. (Untuk pendidikan umum, menurut saya Helvetica dikembangkan oleh desainer Swiss lebih dari setengah abad yang lalu, dan font Arial dua puluh tahun lebih muda.) Font ini adalah yang paling umum di Internet, dan oleh karena itu dapat diklaim sebagai font yang paling umum di Internet. terbaik.

Font Georgia yang indah sangat populer (dan disukai secara universal). Terlepas dari kenyataan bahwa font ini adalah serif, font ini tersebar luas di Internet. Misalnya digunakan sebagai font utama di majalah Forbes versi online.

Faktanya, jika Anda melihat situs web yang layak di Internet, Anda akan menemukan bahwa keempat font di atas dapat ditemukan di mana-mana. Font lain merupakan pengecualian dan bukan aturan. Oleh karena itu, secara ringkas dapat kami rangkum bahwa font terbaik untuk sebuah website adalah Arial, Helvetica, Verdana dan Georgia.

Adapun font untuk membaca dari kertas, jumlahnya sangat banyak (beberapa ribu) sehingga hampir tidak mungkin untuk memilih yang terbaik. Namun, betapapun sepele kedengarannya, Times New Roman dan variasinya banyak digunakan di media cetak. Oleh karena itu, kami akan menyerahkan keunggulan font offline terbaik kepadanya.

P.S. Omong-omong, Serif dan Sans Serif diterjemahkan dari bahasa Prancis sebagai berikut: dengan serif dan tanpa serif.

Tautan terkait:

Di website InspirationBit Anda dapat membaca hasil survei desainer web yang disebutkan di postingan 16 font terbaik untuk desain web (Bahasa Inggris)

Apa itu desain ulang situs web dan mengapa itu diperlukan?

Ada anggapan bahwa redesign hanyalah pengembangan desain baru pada situs lama, dan diperlukan agar situs terlihat lebih modern. Ini adalah sudut pandang yang sangat dangkal yang tidak ada hubungannya dengan kenyataan: sebenarnya, semuanya jauh lebih serius... dan menarik.