Hallo teman-teman semua, apa kabarnya hari ini ? semoga sehat selalu yah, amin
ketemu lagi dengan saya, kali ini saya akan berbagi artikel mengenai penggunaan @font-face dengan Google Web Font pada CSS, teman-teman pasti suka bingung, di CSS ko ga ada font yang kita inginkan ? atau font nya terbatas. Bagi teman-teman yang belum tau pasti pasrah aja menggunakan font yang sudah ada atau yang telah tersedia, padahal ada cara lain untuk menambah kan font yang kita inginkan.
Baiklah, saya akan menjelaskan cara menggunakan nya.
- Silahkan buka dulu Google Web Fonts di browser.
- Setela masuk silahkan pilih font yang kita inginkan.
contohnya: saya akan memilih font seperti ini:
- Kemudian klik Add to Collection, setelah itu nanti dibawah akan ada menu seperti ini:
- Setelah itu kita akan dibawa ke halaman baru, nanti teman-teman scroll ke bawah dan akan menemukan seperti ini:
- Kemudian teman-teman copy code di atas seperti berikut :
- Kemudian paste di URL, dan kita akan melihat code font-face nya seperti ini :
- Kalo sudah seperti ini, silahkan teman-teman copy code nya, dan sisipkan di CSS teman-teman.
Gimana, mudahkan teman-teman. Baiklah sekian dulu artikel kali ini, semoga artikel ini bisa bermanfaat bagi teman-teman yang lagi belajar, sampai ketemu lagi dilain kesempatan 🙂