Memilih Font yang Tepat dan Cepat loadnya

Memilih font yang bagus itu banyak.. bahkan banyak sekali pilihannya, namun memilih font terbaik dengan tepat antara enak dilihat dan kecepatan loadnya sangat cepat memang agak susah. berikut analisa saya tentang tips memilih font untuk website

1. Safe Font , referensi silahkan baca ini dulu http://www.w3schools.com/cssref/css_websafe_fonts.asp

Properti font-family ada semacam sistem "fallback", untuk memastikan kompatibilitas maksimum antara browser dengan sistem operasi seperti windows/linux/mac/andorid/ios dll. Jika browser tidak mendukung font pertama, ia akan mencoba font berikutnya.

Contoh:

Code:

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

Saat browser tidak mendukung font yang pertama, ia akan mencoba font berikutnya. dan apa yang terbaik ? jawabannya adalah Georgia Font http://blogs.independent.co.uk/2013/06/25/proof-georgia-is-the-best-font-ever/ . Data terkini mengenai font ini terdapat pada 97.48% Macs and 99.4% Windows. dan itulah kenapa forum ini menggunakan font Georgia
tapi setelah saya sedikit melakukan test pada android, dan ternyata android mengalihkan font ini ke droid atau droid serif. cukup cepat juga loadnya.

2. Pilihan kedua saya jatuh pada Google Font

A web with web fonts is more beautiful, readable, accessible and open.
Google Fonts makes it quick and easy for everyone to use web fonts, including professional designers and developers. We believe that everyone should be able to bring quality typography to their web pages and applications.

Google font semakin popular bahkan bisa mencapai 100 miliar website secara keseluruhan yang menggunakan service ini, lalu bagaimana ketepatan memilih font yang baik dan cepat loadnya.
Pilihan saya tergantung dari cache, karena service ini free dan font didalam nya opensource baiknya saya memilih font yang banyak orang pakai.

Source : http://www.igvita.com/2012/09/12/web-fonts-performance-making-pretty-fast/

Baiknya kamu membaca source tersebut, dan terlihat dari gambar kalau file font di cache selama 1 tahun dan css style nya di cache selama 1 hari Jadi jika ada satu saja web yang menggunakan font didalamnya, saat browser load web lain dengan font yang sama maka akan meminta dari cache, nah disini kecepatannya.. dan apa yang banyak dipakai? setahu saya font yang paling banyak di pakai di google font itu ialah Opensans ..
jadi pilihan jatuh pada OpenSans, lalu bagaimana untuk yang banyak melihatnya melalui browser mobile? saya belum cukup bisa memastikan seberapa banyak opensans di load di mobile device. untuk setting web anda misal RWD lebih baik menurut saya memakai Safe Font di atas

Jadi pilihan saya kali ini jatuh pada Georgia dan Opensans, sama seperti sebelumnya saya membicarakan tentang font namun kali ini cukup ada beberapa alasannya .
Semoga bermanfaat.

Updates : Untuk kalkulasi setting seberapa besar ukuran font disesuaikan dengan lebar area supaya enak dimata bisa mengukur pakai ini http://www.pearsonified.com/typography/

 

Blog saya juga pakai Georgia

Blog saya juga pakai Georgia dan OpenSans readability patut diandalkan

 

Bisa jadi

Bisa jadi sebelum saya menulis ini, mas Dan sudah mengetahui akan hal ini, makanya di beberapa blog nya memakai font berikut.

oh iya untuk kalkulasi setting seberapa besar ukuran font disesuaikan dengan lebar area supaya enak dimata bisa mengukur pakai ini http://www.pearsonified.com/typography/
saya update post ah

 

kalau saya arial aja mas

kalau saya arial aja mas

 

punya saya agak sedikit lama

punya saya agak sedikit lama load fontnya, browser ga support fontnya jadi keubah-ubah

 

Kalau saya suka yg simple

Kalau saya suka yg simple
Arial Verdana Tahoma
Tapi kurang tau kecepatannya

 

oo ini tho alasannya pakai

oo ini tho alasannya pakai font tertentu, ternyata bukan sekedar bagus tapi juga memikirkan kecepatan