Hallo sahabat, apa kabar semua. Tentunya baik dan sehat selalu ya, jumpa lagi dengan saya di tutorial Dumet School. Pada artikel kali ini kita akan belajar tentang Cara Embed Font ke dalam CSS, ya.. ! embed font biasa di lakukan pada aplikasi Photoshop, Ilustrator dan aplikasi design lainnya. Embed font juga bisa di lakukan atau di gunakan di dalam CSS, yaitu kita download font nya terlebih dahulu kemudian kita panggil dan berikan ke tag yang mau di berikan font lalu font akan otomatis terinstal atau terpanggil.

Baik langsung saja kita praktekkan, langkah pertama download font (“teman-teman silahkan download font sesuai selera”) terlebih dahulu kemudian extract file dan rename file nya. Disini saya rename dengan nama font.ttl (ttl) adalah extensi bawaan font, untuk teman-teman jangan sampai merubah extensi bawaan nya karena extensi font ada banyak macamnya seperti (.otf )(.ttf ) dll.

Cara Embed Font ke dalam CSS

Berikutnya siapkan text editornya dan masukkan script di bawah ini

Save terlebih dahulu kemudian kita panggil font nya dengan css 

Cara Embed Font ke dalam CSS

Lalu berikan nama pengganti, contoh di atas ini saya memberikan nama “embed_font“, kemudian kita akan gunakan nama tersebut sebagai font-family

Cara Embed Font ke dalam CSS

Jika sudah save dan jalankan pada browsernya, maka embed font sudah berhasil

Cara Embed Font ke dalam CSS

Sangat mudah bukan,,,

Baik sekian dulu di artikel kali ini tentang Cara Embed Font ke dalam CSS , kita jumpa lagi di tutorial berikutnya. Terimakasih dan Sampai Jumpa.

Semoga bermanfaat 🙂