Pada tutorial kali ini Kursus Web Programming jakarta akan membahas tentang bagai mana Cara Menggunakan Google Fonts ke Dalam File Project, google fonts menyediakan dua cara untuk penggunaan font yang di sediakan, cara yang pertama kita bisa menggunakan link dengan secara online, ataupun dengan menggunakan metode external yaitu dengan mendownload font yang akan digunakan. Namun pada tutorial kali ini kita akan mencoba dengan menggunakan google secara online atau menggunakan CDN, karena dengan menggunakan CDN kita dapat menghemat storage yang terdapat pada website kita.

Pada google fonts tersebut menyediakan banyak jenis font yang dapat kita gunakan untuk kebutuhan website kita untuk jenis font tersebut teman-teman bisa lihat pada https://fonts.google.com/ maka akan terlihat seperti di bawah ini :

Cara Menggunakan Google Fonts ke Dalam File Project

Pada gambar diatas dapat kita lihat bahwa terdapat jenis-jenis font yang dapat kita gunakan, kita juga dapat mengatur pixel dari font yang akan kita gunakan nantinya.

Kemudian untuk menggunakan google fonts tersebut pastikan teman-teman telah menyiapkan file project yang akan gunakan, kemudian pilih salah satu font yang ingin kita masukan ke dalam file projectnya, pada tutorial kali ini saya menggunakan jenis font Bangers.

Setelah teman-teman kursus web programming memilih salah satu fontnya maka akan tampil seperti dibawah ini :

Cara Menggunakan Google Fonts ke Dalam File Project

Berikutnya silahkan teman-teman pilih select this style seperti dibawah ini :

Cara Menggunakan Google Fonts ke Dalam File Project

Selanjutnya setelah teman-teman klik select this style, silahkan teman-teman pilih tombol dengan simbol kotak yang ada di kanan atas maka akan muncul seperti dibawah ini :

Cara Menggunakan Google Fonts ke Dalam File Project

Teman-teman bisa copy link-nya kemudian silahkan teman-teman tempatkan pada file projectnya pada bagian tag head seperti dibawah ini :

Cara Menggunakan Google Fonts ke Dalam File Project

Berikutnya kita akan tambahkan sebuah class pada text yang ingin di rubah fontnya seperti dibawah ini :

Cara Menggunakan Google Fonts ke Dalam File Project

Kemudian kita akan copy font-family yang terdapat pada google fonts, pada file project kita seperti dibawah ini :

Cara Menggunakan Google Fonts ke Dalam File Project

Jika kita jalankan pada browser maka akan terlihat hasilnya seperti dibawah ini :

Cara Menggunakan Google Fonts ke Dalam File Project

Oke teman-teman itulah pembahasan kita tentang Cara Menggunakan Google Fonts ke Dalam File Project dari kami kursus web programming jakarta.

Semoga bermanfaat.

Terima kasih.

WhatsApp chat