October 22, 2014

Jenis & Ukuran Huruf Terbaik buat Situs Web/Blog

By Romeltea | Published: October 22, 2014

Jenis & Ukuran Huruf Terbaik buat Situs Web/Blog
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 bodypost-body, atau font-family
3. Di sanalah kita ubah jenis dan ukuran huruf blog.

Wasalam. (www.romelteamedia.com).*

Previous
« Prev Post
Author Image

Romeltea
Romeltea adalah onair dan online name Asep Syamsul M. Romli aka Kang Romel. Praktisi Media, Blogger, Trainer Komunikasi from Bandung, Indonesia. Follow me: facebook twitter instagram linkedin youtube

Recommended Posts

Related Posts

Show comments
Hide comments

4 comments on Jenis & Ukuran Huruf Terbaik buat Situs Web/Blog

Contact Form

Name

Email *

Message *