Menulis

Jenis & Ukuran Huruf Terbaik buat Situs Web/Blog

Posted by Romel Tea ● Follow @romeltea ● Like Romeltea Media on Facebook

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).*

Author:

I am a Blogger, Media Practisioner, and Practical Communication Trainer. I share my own knowledges, experiences, and skills about practical communication - writing, speaking, blogging - and my hobbies and concerns. Visit my official website Romeltea.

Previous
« Prev Post
2 Komentar untuk "Jenis & Ukuran Huruf Terbaik buat Situs Web/Blog"

You comment, I'll visit back your blog. If you have one. Komentar SPAM dan LINK AKTIF tidak akan muncul.