Berikut ini beberapa pilihan font HTML yang aman untuk web dan dapat Anda terapkan pada konten Anda.
1. Arial
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Arial merupakan font yang paling banyak digunakan untuk media online maupun cetak. Terlebih lagi, font ini merupakan font default Google Docs yang merupakan office suite populer milik Google. Banyak kritikus mengatakan bahwa font member sans-serif ini sesuai untuk digunakan di berbagai hal.
2. Times New Roman
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Times New Roman merupakan variasi font lama dari Times yang juga berasal dari grup Serif. Dengan tampilan yang profesional, font ini menjadi pilihan favorit media cetak dan konten yang lebih formal. Ditambah lagi, typeface ini dipilih oleh berbagai situs berita dan institusi lainnya.
3. Helvetica
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Para desainer mencintai Helvetica karena kenetralannya dan cocok untuk berbagai jenis bisnis. Itulah mengapa banyak merek terkenal seperti Jeep, Kawasaki, Motorola, dan BMW memilih font ini. Maka dari itu, font ini dirasa cocok untuk digunakan dengan berbagai tujuan.
4. Times
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Pada umumnya, font ini banyak digunakan oleh media cetak seperti koran, dan lekat hubungannya dengan jurnalisme maupun tulisan akademis. Maka dari itu, jika Anda ingin menambah nuansa tradisional sekaligus formal pada website Anda, gunakan lah font ini.
5. Courier New
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Font ini merupakan alternatif dari font Courier. Font ini lebih ramping dan lebih enak dipandang pada layar Anda. Karena alasan tersebut, awalnya, perangkat elektronik menggunakan Courier New. Tapi karena font ini juga merupakan font typewriter, Courier New akan tampak bagus pada website yang membutuhkan desain old-school.
6. Verdana
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Typeface ini mudah dibaca walaupun ukuran font nya kecil, atau bahkan ketika ditampilkan pada layar dengan resolusi kecil. Hal tersebut membuat Verdana menjadi primadona font untuk layar. IKEA adalah salah satu perusahaan yang menggunakan font ini. IKEA tidak hanya menggunakan Verdana pada situs mereka, tapi juga katalog cetaknya. Jika ANda mencari font HTML dengan tingkat readability tinggi, Anda dapat mencoba typeface ini.
7. Courier
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Anda dapat menganggap bahwa Courier merupakan font yang terkenal pada keluarga monospace. Terlebih, semua sistem operasi memiliki font ini secara prepackaged. Font HTML ini merupakan standar untuk layar lebar. Maka dari itu, jika website Anda memuat tentang dunia perfilman, Anda dapat mempertimbangkan font ini.
8. Arial Narrow
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Font ini merupakan versi lain dari Arial yang memiliki tampilan lebih halus daripada Arial. Opsi alternatif ini juga bisa Anda temukan pada berbagai OS. Arial Narrow juga masih mempertahankan karakteristik pendahulunya yang serbaguna dan sesuai untuk halaman web apapun.
9. Candara
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Microsoft VIsta merupakan OS pertama yang memperkenalkan Candara ke khalayak umum. Font ini mendukung sistem rendering teks Windows ClearType, yang meningkatkan readability teks pada layar LCD.
10. Geneva
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Geneva termasuk pada grup Sans-serif. Font ini aslinya dikembangkan oleh Apple. Seperti typeface lainnya pada font family ini, Geneva memberi tampilan yang bersih dan modern pada website atau blog Anda.
11. Calibri
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Calibri adalah font default Microsoft Office. Sebagaimana Microsoft Windows masih berada di puncak tren pangsa pasar OS desktop, user seharusnya tidak memiliki masalah ketika membaca font HTML ini pada browser mereka.
12. Optima
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Font Optima terinspirasi dari huruf-huruf Roman Capital. Tipe ini juga digunakan untuk berbagai hal, dari marka jalan hingga logo produk kecantikan. Font HTML ini elegan dan mudah dibaca, yang mana membuat konten Anda menjadi lebih menonjol.
13. Cambria
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Calibri, Candara dan Cambria termasuk dalam font ClearType yang dibuat oleh Microsoft. Dengan proporsi yang pas, Cambria didesain untuk experience membaca on-screen bahkan ketika harus ditampilkan dalam ukuran kecil.
14. Garamond
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Garamond adalah tipe font klasik yang sesuai untuk berbagai buku cetak. Desainer buku menganggap font ini sebagai salah satu opsi terbaik untuk digunakan pada buku cetak karena halus dan mudah dibaca. Font ini juga dapat memberikan nuansa antik pada website atau blog Anda.
15. Perpetua
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Font ini lahir dari buah pemikiran seorang pemahat Inggris yang terinspirasi dari monumen dan memorial lettering. Karakteristik font yang formal membuat Penguin Classics dan University of Pennsylvania menggunakan Perpetua untuk publikasinya. Intinya, halaman edukatif dan informatif dapat merasakan keuntungan dari font HTML ini.
16. Monaco
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Monaco dapat Anda temukan di MacOS. Font ini termasuk dalam monospace family, yang digunakan pada Terminal dan Xcode. Font ini memiliki desain yang unik, yang membuat Anda dapat membedakan huruf-huruf yang mirip. Gunakan font ini untuk website yang bertemakan koding dan website yang ingin memudahkan pembacanya untuk membedakan tiap hurufnya.
17. Didot
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Menurut berbagai pakar, Didot merupakan font serif neoclassical, yang mana font ini memiliki desain klasik dengan sedikit sentuhan modern. Font ini digunakan oleh CBS News dan The Late Show With Stephen Colbert. Typeface ini terkenal akan kontrasnya yang tinggi.
18. Brush Script MT
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Font ini mengadopsi gaya kaligrafi teknik tulis tangan. Hal tersebut membuat Brush Script MT menjadi font HTML yang cantik sekaligus mudah dibaca. Walaupun Brush Script MT elegan dan sedikit meriah, font ini sesuai untuk catatan editorial dan sejenisnya.
19. Lucida Bright
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Lucida Bright adalah salah satu versi dari Lucida. Namun, font ini lebih kontras dari pendahulunya. Terlebih, font ini lebih ramping, sehingga tepat digunakan untuk buku panduan atau majalah karena hemat tempat. Scientific American Magazine merupakan salah satu lembaga yang menggunakan typeface ini.
20. Copperplate
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Perancang font Copperplate sejatinya menginginkan font ini untuk digunakan hanya pada header atau judul. Jadi, font ini hanya berisi huruf kapital. Typeface ini menjadi terkenal setelah Who Wants To Be A Millionaire membuat font ini sebagai ciri khasnya.
21. Comic Sans
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Seluruh internet user memiliki dasar pemikiran yang sama: tidak menyukai font Comic Sans. Orang-orang menganggap bahwa font ini kekanakan, dan tidak cocok digunakan secara profesional. Bertahun-tahun font ini menjadi bahan meme. Maka dari itu, kami tidak merekomendasikannya. Meskipun Comic Sans adalah font yang aman untuk web, masih ada banyak opsi yang akan membuat situs Anda terlihat jauh lebih baik daripada Comic Sans.
22. Trebuchet MS
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Font HTML ini memang tidak sepopuler beberapa jenis sebelumnya. Tetapi Trebuchet MS sebetulnya didesain untuk penggunaan platform online. Properti sans-serif dari Microsoft ini sudah banyak digunakan sebagai bodi teks di berbagai website. Meski tergolong sebagai jenis generik, font HTML keren ini desainnya memikat dan cocok jadi pilihan karena tidak terkesan kaku.
Beberapa font web:
24. Open Sans
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
25. Roboto
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
26. Montserrat
A Quick Brown Fox Jumps Over The Lazy Dog..
A Quick Brown Fox Jumps Over The Lazy Dog..
0123456789
Dari percobaan font di atas ternyata ada beberapa fontType yang tidak tampil. Kondisi tertentu font yang ada dalam microsoft office mayoritas memang tidak tampil di browser html.
Semoga bermanfaat'ah..