Hallo sobat program, bertemu kembali dengan saya Rizal dan masih diwebsite dumetschool. Pada kesempatan kali ini saya akan membahas seputar font yaitu tentang Cara Menggunakan Font External HTML CSS.

Pada dasarnya sebenarnya browser sudah menyediakan font default, dan sebenarnya google juga sudah menyediakan berbagai jenis font, namun disini kita ingin menggunakan font sendiri atau lebih tepatnya biar berbeda dari font-font lainnya gitu (tampil beda) hehe.  Lalu bagaimana caranya agar website kita menggunakan font yang kita inginkan ?

Pertama teman-teman dapat memilih font terlebih dahulu di http://www.dafont.com/ jika sudah menemukan font yang di inginkan silahkan teman-teman download dan jika sudah didownload langsung saja di extract dan teman-teman buat file HTML nya juga ya. Dari step diatas maka untuk gambaran file nya akan menjadi seperti dibawah ini :

Cara Menggunakan Font External HTML CSS

Jika sudah seperti pada gambar diatas langkah selanjutnya, teman-teman buka file HTML nya kemudian ketiklah script HTML nya seperti pada contoh dibawah ini :

Jika sudah, boleh coba dijalankan dahulu dan hasil fontnya masih default browser ya teman-teman. Oke untuk langkah selanjutnya teman-teman tambahkan style CSS nya untuk penggunaan font yang tadi kita download. Contoh script nya seperti dibawah ini tinggal teman-teman sesuaikan saja nama file fontnya :

Jika sudah, simpan dan silahkan direfresh atau dijalankan dibrowser yang teman-teman gunakan. Jika benar maka hasilnya akan seperti pada gambar dibawah ini :

Cara Menggunakan Font External HTML CSS

Cukup mudah ya teman-teman ?, jadi seperti itulah contoh dasar Cara Menggunakan Font External HTML CSS. Dan silahkan teman-teman coba sendiri font-font lainnya sesuai keinginan.

Oke kalau begitu cukup sampai disini pembahasan kita tentang Cara Menggunakan Font External HTML CSS. Semoga dapat bermanfaat dan sampai bertemu dipembahasan selanjutnya.

Terimakasih