Pernahkah Anda merasa bosan dengan tampilan font standar yang ada di website Anda? Anda dapat mengganti font standar tersebut dengan font pilihan Anda sendiri. Namun, bagaimana cara melakukan instalasi font di hosting? Berikut ini adalah penjelasan singkat mengenai cara menginstal font di hosting dan beberapa panduan yang bisa membantu Anda saat melakukan instalasi.
1. Persiapkan Font yang Akan Diinstal
Sebelum melakukan instalasi font di hosting, pastikan Anda sudah menyiapkan font yang akan diinstal. Anda bisa mencari font yang diinginkan di internet. Beberapa website seperti Font Squirrel, Google Fonts, dan Dafont menyediakan berbagai macam font yang bisa diunduh secara gratis.
Setelah menemukan font yang diinginkan, pastikan untuk mengunduh versi font yang sesuai dengan kebutuhan website Anda. Misalnya, jika website Anda menggunakan WordPress, pastikan untuk mengunduh font yang kompatibel dengan WordPress. Hal ini bertujuan agar font dapat terbaca dengan baik pada website Anda.
2. Unggah Font ke Hosting
Setelah menyiapkan font yang akan diinstal, selanjutnya Anda bisa mengunggah font ke hosting. Caranya sangat mudah, cukup login ke cPanel atau SFTP, kemudian pilih direktori tempat font akan disimpan. Selanjutnya, unggah file font yang sudah diunduh ke direktori tersebut.
Anda bisa memilih direktori yang sesuai dengan kebutuhan website Anda. Misalnya, jika website Anda menggunakan WordPress, Anda bisa menyimpan font di dalam direktori wp-content, kemudian pilih subdirektori fonts. Setelah itu, Anda bisa mengecek apakah font sudah terunggah dengan benar atau tidak.
3. Aktifkan Font pada Website
Setelah font berhasil diunggah ke hosting, selanjutnya Anda bisa mengaktifkan font pada website. Caranya sangat mudah, cukup tambahkan kode CSS pada file styles.css. Kode CSS yang digunakan bergantung pada jenis font yang digunakan. Misalnya, jika font yang digunakan adalah Open Sans, maka kode CSS yang digunakan adalah:
@font-face {font-family: 'Open Sans';src: url('fonts/OpenSans-Regular.ttf');}
Setelah itu, Anda bisa mengganti font standar dengan font yang telah diinstal. Caranya cukup tambahkan kode CSS pada elemen yang ingin diganti fontnya. Misalnya, jika ingin mengganti font pada heading 1, maka kode CSS yang digunakan adalah:
h1 {font-family: 'Open Sans', sans-serif;}
Kesimpulan
Memilih font yang sesuai dengan tampilan website Anda dapat meningkatkan kualitas tampilan website. Namun, untuk dapat menggunakan font pilihan Anda, Anda harus melakukan instalasi font di hosting. Dengan mengikuti panduan di atas, Anda dapat menginstal font dengan mudah dan cepat. Selain itu, pastikan memilih font yang compatible dengan website Anda dan jangan lupa mengaktifkan font pada website setelah diinstal.