Web Fonts dan Glyphs

Seringkali kita melihat text berupa image, biasanya logo, atau caption image yang ditulis fixed melalui software seperti photoshop.

Kelemahan text dalam bentuk image (raster) adalah, tentu tidak bisa diperbesar, karena akan pecah. Dan search engine tidak akan memahami isi tulisan tersebut (hingga saat artikel ini dibuat), jadi tidak SEO friendly. (walaupun Anda bisa mengisi di atribut alt)

Banyak website yang bermain typography dan secara estetika ternyata tidak kalah menarik dengan web yang banyak menggunakan image. Jadi jangan abuse penggunaan image.

Jika Anda membutuhkan font yang menarik, salah satu alternatif adalah menggunakan Google Fonts

Unicode dan Glyphs

Trik lain menghindari image file adalah penggunaan unicode. Sangat cocok jika Anda membutuhkan glyphs, icon graphical sederhana untuk mempercantik web tanpa menggunakan image yang memakan bandwidth.

Keunggulan lainnya, karena glyphs ini sebetulnya font, bisa diperbesar dan dikecilkan tanpa batas (tidak akan pecah).

Berikut adalah contoh glyph dari unicode, menarik bukan? Anda akan terheran-heran, ternyata set yang disediakan cukup variatif.

✪ ? ➼ ?

Membutuhkan glyph yang menarik, silakan click Unicode Table

Hal yang perlu diperhatikan, setting charset agar browser melakukan rendering unicode.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Sharing is caring: