Patokan Ukuran Font dalam Website

Dalam membangun sebuah website kita sering kali berhubungan dengan font. Font dalam website dapat mempengaruhi mudah tidaknya website memberikan informasi kepada pengguna, selain itu juga mencerminkan nilai estetika dalam website. Selain jenis font, hal yang sangat penting untuk diperhatikan adalah ukuran font. Ukuran font sangat mempengaruhi kemudahan pembaca menyerap informasi dalam website.

Berikut ini satuan ukuran font yang dapat digunakan dalam website.

Satuan Keterangan
pt Dari kata “point” atau titik. 1 pt = 1/72 inci
pc Dari kata “pica”. 1 pc = 12 titik.
px Dari kata “pixel”. 1 px sama sebuah titik pada layar komputer
em Berasal dari huruf M. Ukuran bersifat relatif terhadap ukuran font sekarang. 1em identik dengan ukuran font sekarang. 2 em berarti 2x ukuran font sekarang. Nilai pada em bisa berupa bilangan real.
ex Berasal dari huruf x kecil. 1 ex sama dengan tinggi huruf x pada font sekarang. Kira-kira tinggi x adalah setengah tinggi font.
% Presentase. Bersifat relatif terhadap ukuran font sekarang.
in Menyatakan satuan inci.
mm Menyatakan satuan milimeter.
cm Menyatakan satuan sentimeter.

Patokan yang dapat kita ingat sebagai berikut :
1 em = 12 pt = 16 px = 100%.

Bila dilakukan pembesaran dalam salah satu ukuran maka yang lain juga membesar. Misalnya dilakukan pembesaran 130% maka satuan em yang merupakan ukuran relatif ikut membesar sesuai ukuran font element induknya.

Contohnya sebagai berikut:

style dan penerapan

contoh penggunaan satuan dalam website

Karena sifat satuan em yang relatif inilah penggunaan satuan ini banyak disukai oleh desainer website.

Iklan
Perihal

I am system analyst, my specialization are Web programming, mobile programming also graphic design.

Tagged with: , , , ,
Ditulis dalam Desain, Merancang Web

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Produk Promo
Desktop Mini PC Intel Core i3
Kategori Tulisan

Klik untuk mendapatkan Update melalui email anda

Bergabunglah dengan 164 pengikut lainnya

%d blogger menyukai ini: