Jenis & Ukuran Huruf Terbaik buat Situs Web/Blog

Baca Juga

APA Jenis & Ukuran Huruf (Font) Terbaik buat Situs Web atau Blog?

Jawaban "standar"-nya: yaitu jenis dan ukuran huruf yang memenuhi aspek Scannability & Readability sehingga membuat nyaman user (pengguna, pengunjung, pembaca).

Scannability artinya mudah dipindai.

Readability artinya mudah dibaca. Intinya, jenis dan ukuran font blog harus membuat nyaman pembaca dan tidak melelahkan mata.

Nah, yang bagaimana tuh? Kita merujuk saja ke Scriptol yang menyajikan jenis dan ukuran huruf yang digunakan Amazon, Google, Apple, dan New York Times, lengkap dengan kodenya yang bisa di-copas ke template blog kita.

Amazon

body 
{
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: small;
    background-color: #FFFFFF;
    color: #000000;
    margin-top: 0px;
}  
.h1
{
    font-size: medium;
}  

Google

body
{
    height:100%;
    font-family:Helvetica,Arial,sans-serif;
    font-size:small;
    color:#000;
    background-color:#fff;
    margin:3px 8px 0 0;
    padding:0;
}
h1 { font-size:160%}
h2 { font-size:140%}
h3 { font-size:120%}

Apple

body
{
    font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    background-color: #fff;
    color: #333; 
    margin:0;
    padding:0;
}  
h1 { font-size: 24px; font-weight: bold; line-height: 36px; margin-bottom: 18px; } 
h2 { font-size: 16px; font-weight: bold; line-height: 18px; margin-bottom: 18px; } 
h3 { font-size: 1em; font-weight: bold; line-height: 18px; }

New York Times

body 
{ 
    background-color:#FFFFFF;   
    color:#333333; 
    font-family:georgia,"times new   roman",times,serif; 
    font-size:62.5%; 
    line-height:1.5em; 
    margin:0;   
    padding:13px 0; 
} 

Dari data di atas, ukuran huruf berkisar antara 13-14 point. Jenis hurufnya adalah Arial, Verdana, Helvetica, dan Georgia.

Warna huruf hitam (black) atau abu gelap (dark gray) dengan kode warna HTML #333. Warna background selalu putih (white).

Saya memilih Helvetica. Selain ngikut Google, juga ngikut situs yang dikelola pakar "web usability", yaitu nngroup.com.

Kesimpulan: 

1. Pilih jenis huruf yang sudah familiar dengan user. Ini menyangkut UX (User Experience), seperti Arial dan Helvetica. Jangan pilih jenis huruf yang "aneh" atau "unik", ojo neko-neko. Huruf di media online bukan soal bagus atau unik, tapi mudah dibaca atau tidak.
2. Pilih ukuran huruf yang mudah dipindai, minimal 13px. Lebih besar lebih baik. 

Cara Ganti Huruf

Cara mengubah atau mengganti jenis dan ukuran huruf blog sangat mudah.

1. Klik "Template" > "Edit HTML"

2. Cari (Ctrl+F) kode body, post-body, atau font-family

3. Di sanalah kita ubah jenis dan ukuran huruf blog.

Wasalam. (www.romelteamedia.com).*