Setelah sebelumnya saya posting tentang berbagai fonts cantik dari Google yang bisa Anda terapkan di Blog (Baca: Ganti Fonts - Cari di Google Font Directory), sekarang mari kita cari font yang cocok di Kernest.Com. Pertama kali Anda harus mendaftar dahulu.
Daftar dan Instalasi Font
1. Klik tombol sign in di pojok kanan atas
2. Terbuka kotak dialog untuk login, klik link register untuk mulai mendaftar.
4. Pilih jenis font yang Anda suka.
5. Misalkan saja Anda klik Popular, maka akan muncul banyak sekali font yang bagus. Anda bisa pilih sesuka hati Anda.
6. Jika fontnya font gratis, maka Anda bisa langsung mendapatkan kode instruksi di bawah jenis font yang Anda suka. Copylah kode tersebut, terlebih dahulu ke microsoft word ataunotepad.
7. Baris pertama dari kode instruksi tersebut adalah script font. Misalnya seperti berikut ini:
<link href="http://www.kernest.com/fonts/chunk.css" media="screen" rel="stylesheet" type="text/css" />
silahkan Anda pasang di atas </head>
Penggunaaan Jenis Font
Sekarang silahkan Anda atur css jenis font pada template Anda. Kode css diawali denganfont-family:
Misal untuk merubah jenis font pada blockquote:
.post blockquote {
background:#f5f8fa url(http://eosmate.googlepages.com/blockquoteku2.png) no-repeat scroll 0 0;
border-width: 1px 1px 1px 20px;
color: #004276;
font-family: Consolas, "Courier New", Courier, mono, serif;
}
Perhatikan yang berwarna merah, silahkan ganti dengan font yang telah Anda install. Misalnya Chunk. Sehingga kodenya menjadi:
.post blockquote {
background:#f5f8fa url(http://eosmate.googlepages.com/blockquoteku2.png) no-repeat scroll 0 0;
border-width: 1px 1px 1px 20px;
color: #004276;
font-family: Chunk;
}
Jika Anda hanya ingin menggunakannya pada bagian postingan Anda dan hanya untuk beberapa karakter saja, silahkan gunakan kode berikut ini. Pilih metode posting Edit HTML bukan Compose.
<span style="font-family: Chunk; font-size: 20px;">Teks Anda Disini</span>
Sempga bermanfaat.... Selamat malam.
No comments:
Post a Comment