Thursday, December 9, 2010

Cara Mengimport Font Baru Pada Script CSS

import font

Sebagai seorang webmaster terutama web design biasanya selalu dihadapkan dengan sesuatu yang baru semisal pemilihan font yang akan digunakan pada website. Font-font standar yang terbaca oleh komputer biasanya hanya Arial, Times new roman, Verdana, Sans Serif, Georgia, dan beberapa font standar lainnya.

Jika anda ingin menambahkan font khusus pada website ataupun blog anda, berikut langkah-langkahnya :

1. Pastikan anda telah memiliki hosting untuk menyimpan file font baru (semisal font.ttf), bagi anda yang belum punya hosting bisa daftar di penyedia hosting-hosting gratis semisal ripway.com.

2. Setelah hosting anda miliki, silahkan upload file font.ttf anda pada hosting.

3. Pada script CSS tambahkan perintah sebagai berikut :

@font-face {
font-family:'Batman';
src:url(http://websiteandatempathosting/font/font-anda.ttf);
}

Keterangan script di atas : pada font-family:'Batman', anda bisa mengganti nama Batman sesuka anda, sedangkan pada script src:url('http://websiteandatempathosting/font/font-anda.ttf').

4. Tinggal anda gunakan, dengan cara seperti

font : Batman;

atau

font-family : Batman, Arial, Verdana;

pada script CSS anda.


Bila ada masalah pastikan penulisan huruf besar dan kecilnya karena biasanya bersifat case-sensitive.



~Selamat Mencoba ~.

Related Posts by Categories



Bookmark and Share

1 comments:

Nanang Gunawan said...

Artikelnya menarik,,
tapi apakah cara ini bisa digunakan untuk browser2 lama? seperti IE 7, Firefox 3.X