[CSS] Memuat font dalam web denga @font-face

Mungkin kita pernah mengalami untuk mengupload sebuah web dengan font-font tertentu agar web terlihat tambah cantik atupun memang itu kebutuhan sebuah web.
kita bisa saja tanpa menggunakn font-face untuk mengubah font, tapi jika font tersebut ada dalam komputer kita. dan kemudian kalo diupload belum tentu client kita memiliki font-nya.
Nah, disinilah gunanya fungsi @font-face digunakan untuk client yang tidak memiliki font agar bisa mendownload langsung.
ditambah lagi ini support untuk semua browser, walaupun di IE sekalipun. tapi dengan catatan untuk IE format fontnya harus *.eot, sedangkan untuk selain IE seperti chrome, firefox, safari dan opera sudah supprort untuk format *.ttf dan *.otf. Oh, lupa IE yang support baru versi IE 9 keatas, jadi untuk IE 8 kebawah tidak bisa. harap makkum.
kira-kira syntax dasarnya seperti ini (dalam file.css)

@font-face
{
font-family: myFirstFont;
src: url('font/Sansation_Light.ttf'),
     url('font/Sansation_Light.eot'); /* IE9 */
}

kemudian caranya manggil font sama dengan biasanya.

div{
font-family: myFirstFont;
}

Gampangkan. fungsi ini mudah tapi sering dilupakan karena dikirannya semua client bisa meload font tersebut. OKE selamat mencoba.