customize font dengan css

Kadang saat kita membuat website ingin memakai font yang tidak ada di dalam font bawaan windows atau tidak semua PC mempunyai font yang ingin kita pakai. Ini merupakan suatu kendala apabila website yang sudah kita bangun sudah di upload ke domain kemudian di akses oleh PC yang tidak ada font yang kita pilih. hmmm, pasti ente - ente pada bingung dengan penjelasan ane. gini aja, misalkan kita ingin membuat website dan ingin mengisi website dengan font "existence light" atau "sweet home oklahoma", mungkin ada yang belum pernah mendengar nama - nama font diatas, nah apabila kita punya font - font tersebut belum tentu PC lain mempunyainya apalagi yang PC dengan windows XP, kemungkinan tidak ada font tersebut.
Apabila PC yang tidak punya font - font tersebut mengakses website yang kita buat maka font dalam website kita akan otomatis berubah sesuai dengan "font-family" yang kita pilih misalkan "font-family:existence light,Arial, Courier" maka website yang diakses muncul dengan font "Arial".


Kendala tersebut sudah bisa teratasi dengan customize dari css. Langkah pertama adalah meng copy font tersebut kedalah folder website yang telah kita buat atau untuk font tersebut kita buat folder sendiri di dalam nya asal masih di dalam folder website contoh "folder_website/folder_font". Kode css nya adalah

@font-face { font-family: "Sweet_Home_Oklahoma"; src: url('folder_font/Sweet_Home_Oklahoma.eot');//sesuaikan nama folder font nya } @font-face { font-family: "Sweet_Home_Oklahoma"; src: url('Sweet_Home_Oklahoma.ttf'); } 

 selain format ".ttf" kita juga harus menyediakan font dengan ekstensi ".eot" untuk bisa diakses di browser IE, karena IE tidak bisa membaca format ".ttf", banyak website yang menyediakan convert ke format ".eot". Dengan demikian website kita bisa diakses dengan font sesuai dengan yang kita inginkan apabila diakses dimanapun. selamat mencoba