Hallo teman-teman, pernahkah kalian melihat suatu website menggunakan font yang tidak normal dan unik? Jika ya, maka artikel ini sangat tepat untuk kalian, karena pada artikel kali ini saya akan memberikan penjelasan tentang bagaimana cara menggunakan custom font pada website.
Pada penggunaan custom font dalam website memerlukan beberapa baris perintah CSS.
Berikut ini akan saya jelaskan cara menerapkannya
Pada kasus ini, kita menggunakan property @font-face pada css.
property @font-face sendiri berfungsi memanggil atau menghubungkan file html dengan file font yang ada.
contohnya seperti script dibawah ini
Pada baris kode diatas, saya membuat font face dengan nama myFont dan file sumber font nya bernama Nouradilla.ttf
Selanjutnya saya hanya perlu memberikan font family dengan value myFont pada tag yang ingin diubah…
Jika baris kode diatas dijalankan maka akan terlihat seperti ini.
Demikian artikel kali ini. semoga bermanfaat.