Penggunaan font pada website tidak bisa dipandang sebelah mata. Jenis font yang digunakan, memiliki peran sangat penting yang memengaruhi estetika, keterbacaan, dan pengalaman pengguna website secara keseluruhan. Penulis pernah menemukan ada beberapa website yang menurut penulis, menggunakan gaya dan ukuran font yang kurang cocok sehingga tampilan website menjadi kurang bagus.
Pertimbangkan untuk menggunakan jenis font pada website yang mudah dibaca, bisa kombinasi antara dua atau lebih jenis font, namun upayakan yang selaras, font harus memiliki lisensi yang bisa digunakan untuk pribadi dan komersial, serta pastikan font tersebut umum dan tersedia di banyak perangkat seperti komputer, ponsel, tablet, dan Smart TV.
Apabila Anda membuat blog atau website dengan CMS Joomla versi 5.x menggunakan template bawaan Cassiopeia, sudah ada 4 pilihan fonts scheme yang bisa digunakan yaitu None, System Fonts yang hadir mulai di Joomla 5, Fonts from folder, dan Fonts from Web. Anda bisa mengganti setiap saat dari 4 pilihan tersebut atau Anda juga bisa menambahkan custom font yang akan dibahas terpisah.
1. None (tidak ada).
Apabila Anda memilih None untuk fonts scheme, maka template Cassiopeia akan menggunakan font-family yang didefinisikan Bootstraps. Perlu diketahui bahwa template Cassiopeia Joomla 5 berbasis pada Bootstraps 5.3. Website Joomla Anda akan ditampilkan dengan font terbaik yang tersedia di perangkat yang digunakan untuk mengunjungi website Anda.
Konsekuensi dari memilih None adalah website bisa terlihat berbeda di setiap perangkat. Jika Anda menginginkan tampilan website yang seragam, sebaiknya gunakan font tertentu. Untuk melihat definisi font-family di Bootstraps, Anda dapat mengunjungi laman website Anda, klik kanan mouse untuk menampilkan menu pintas, dan kemudian klik Inspect. Definisi font-family terlihat sebagai beriku:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
2. System Fonts.
Telah disinggung sebelumnya bahwa opsi System Font baru tersedia di CMS Joomla versi 5.0. Dengan System Fonts, Anda akan menentukan dua jenis font yaitu font untuk body (body font stack) dan font untuk heading (heading font stack). Anda dapat menetapkan font yang sama atau berbeda untuk body dan heading.
Font-family yang telah didefinisikan di Bootstrap mungkin hanya itu-itu saja dan membosankan. Menggunakan system font bisa menjadi yang pilihan terbaik, tidak perlu diunduh, tidak ada perubahan tata letak yang tentunya tidak disukai Google pagespeed, dan secara performa juga cepat. Template Cassiopia Joomla 5.x menyediakan 14 font modern, baik untuk body dan heading.
3. Fonts from Web.
Menggunakan opsi Font from Web di template Cassiopeia Joomla 5, website Anda akan mengunduh font yang digunakan dari sumber eksternal (Google fonts). Fonts from Web menawarkan Fira Sands untuk digunakan di seluruh website atau kombinasi Roboto untuk heading website atau Noto Sands untuk body website.
Menggunakan font dari sumber eksternal memiliki beberapa kelemahan. Jika penyedia tidak menyediakan lagi font yang digunakan, maka font tersebut tidak ditampilkan dan website Anda mungkin akan menampilkan error. Menggunakan font dari sumber eksternal mungkin juga melanggar data protection regulations (GDPR) di beberapa negara.
4. Fonts from Folder.
Untuk pilihan Fonts from Folder di template Cassiopeia Joomla 5, hanya ada Roboto. Font Roboto sudah diintegrasikan di template Cassiopeia dan tersedia online dari website. Tampilan website akan tetap seragam ketika diakses dari perangkat apapun yang Anda gunakan. Tidak ada masalah juga dengan data protection regulations.
| BACA ARTIKEL |
|---|
| Cara Menemukan Folder Font Di Windows Dengan Cepat |
| Mengunduh (Download) Font Dari Microsoft Store Di Windows 10 |
Untuk memilih atau mengganti font Website Joomla 5.x yang menggunakan template Cassiopeia cukup mudah, berikut ini adalah caranya:
Masuk ke Administrator Joomla atau Joomla admin panel terlebih dahulu, klik System (1) dan kemudian klik Site Template Styles (2).
Di halaman Templates: Style yang terbuka, klik Cassiopeia - Default.
Di halaman Templates: Edit Style yang terbuka, klik tab Advanced.
Gulung ke bawah sampai Anda menemukan Fonts Scheme. Di kotak tarik turun (dropdown box) Fonts Scheme, tentukan pilihan fonts scheme dan font yang ingin digunakan di website, misalnya Roboto (local).
Setelah mencoba menggunakan semua pilihan fonts scheme yang tersedia, blog ini akhirnya memutuskan untuk menggunakan fonts scheme System Fonts karena setelah diuji dengan tool Google PageSpeed Insights, hasilnya memiliki performa terbaik dibanding dengan None, Fonts from Web, maupun Fonts from Folder.
