Tutorial Belajar CSS Part 13 – Mengenal Web Safe Fonts


Jika dalam tutorial sebelumnya kita telah belajar mengenai bagaimana cara merubah jenis font di HTML dengan CSS, dalam tutorial kali ini kita masih membahas tutorial css yang berhubungan dengan font, kita akan mengenal istilahweb safe fonts.





Dalam tutorial sebelumnya telah kita bahas bahwa ketika kita mendeklarasikan property font-family untuk merubah jenis font yang digunakan di halaman web, sebenarnya browser akan memeriksa apakah font yang digunakan itu sudah terinstall didalam komputer pengguna web ?





Nah pertanyaannya disini, Apakah ada jenis font yang kemungkinan besar pasti ada (terinstall) di semua sistem operasi populer (seperti windows dan mac os) komputer saat ini ?





Nah istilah font yang memiliki kemungkinan besar terinstall ini kita sebut dengan istilah Web Safe Fonts.





Jadi istilah web safe font ini adalah kumpulan font yang aman untuk diset(digunakan) dalam tampilan web, karena memang kemungkinan besar telah terinstall di sistem operasi yang saat ini banyak digunakan seperti windows dan mac os.





Dari sumber website : https://websitesetup.org/web-safe-fonts-html-css/





terdapat 15 jenis font yang relatif aman untuk digunakan antara lain :





NoNama FontTampilan
1ArialContoh Text
2HelveticaContoh Text
3Times New RomanContoh Text
4TimesContoh Text
5Courier NewContoh Text
6CourierContoh Text
7VerdanaContoh Text
8GeorgiaContoh Text
9PalatinoContoh Text
10GaramondContoh Text
11BookmanContoh Text
12Comic Sans MSContoh Text
13Trebuchet MSContoh Text
14Arial BlackContoh Text
15ImpactContoh Text




Sebagai tambahan teman – teman juga dapat melihat jumlah presentase jenis font tertentu yang terinstall di sistem operasi windows dan mac os di website http://www.cssfontstack.com





Sebagai tambahan lagi, untuk teman – teman yang sedang mencari beberapa referensi untuk google font yang ingin digunakan, anda bisa melihat referensi di link ini : 100 Best Google Font





Pada web tersebut anda dapat melihat presentase masing – masing jenis font yang terinstall di sistem operasi windows, dan mac os.





Baik itu dulu yang bisa dalam tutorial mengenai mengenal web safe fonts, jika ada yang ingin didiskusikan silahkan di kolom komentar, sekian dulu sampai jumpa di tutorial css selanjutnya


Post a Comment

Previous Post Next Post

Contact Form