Pada kesempatan kali ini saya akan menjelaskan cara menggunakan @font-face di css. @font-face adalah @rule dimana dapat memungkinkan teman-teman untuk menghubungkan ke font yang secara otomatis diambil dan diaktifkan bila diperlukan dengan format file (.woff, .eot, .otf/.ttf dan .svg/.svgz).

Berikut contoh penulisan @font-face, dan dapat di ikuti dengan nilai deklarasi font-descriptor di dalam nya:

Deklarasi font-descriptor termasuk informasi dalam bentuk yang mirip dengan properti: bentuk nilai nya saling ber pasangan, dan yang memberikan deskripsi untuk font yang didefinisikan. Di sini teman-teman bisa menggambarkan (font-family, font-varian, font-weight, font-stretch, font-style, serta sumber src yang menunjukkan sumber lokasi font tersebut di ambil, dan unicode jarak).

Berikut contoh penulisan dari deklarasi @font-face seperti di bawah ini:

Sampai di sini penjelasan saya cara menggunakan @font-face di css. Semoga bermanfaat.