Font Baru Dari Google Web Fonts

Google Web Fonts ada menyediakan beberapa font (jenis tulisan) baru yang boleh digunakan dalam pos blog anda.

Contoh font Tangerine berukuran 28px, regular dan bold:

the quick brown fox jumps right over the lazy dog

the quick brown fox jumps right over the lazy dog

Cara menggunakannya.

Buka laman web Google Font Directory. Klik pilih satu font yang disukai:

Contoh font dan ukuran ditunjukkan. Klik Get the Code seperti berikut:

Muka berikutnya plih Regular dan salin kod yang diberi seperti berikut:

Contoh kod font yang diberi mengikut jenis font yan dipilih:

Font Tangerine:

<link href=' http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>

Font Lobster:

<link href=' http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

Font Reenie+Beanie:

<link href=' http://fonts.googleapis.com/css?family=Reenie+Beanie' rel='stylesheet' type='text/css'>

PENTING: Kod yang diberi sebenarnya tidak ditutup, jadi jika dimasukkan kedalam kod template bila klik SAVE TEMPLATE Blogger akan mengeluarkan "Error" menunjukkan ada kesalahan. Untuk menutup kod anda perlu menambah satu tanda palang "/" di hujung kod font sebelum ">" seperti berikut:

<link href=' http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css' />

Kod yang disalin akan dimasukkan ke dalam kod template blog. Log masuk dalam Blogger melalui Blogger in Draft. Pilih Design | Edit HTML dan tandakan kotak Expanda Widget Templates:

Telusur cari dalam kod template blog tag </head> dan masukkan kod font di atas nya:

Jangan lupa pratonton dulu dan save templates:

Cara menggunakan font dalam pos blog:

Taip atau salin kod warna merah berikut sebelum dan selepas tulisan yang ditaip dalam pos blog. Jika font yang digunakan ialah font "Tangerine" contoh kod seperti berikut:

<span style="font-family: Tangerine; font-size: 28px;">the quick brown fox jumps right over the lazy dog</span>

atau untuk jadikan font Tangerine jenis bold gunakan kod warna merah berikut:

<b style="font-family: Tangerine; font-size: 28px;>the quick brown fox jumps right over the lazy dog</b>

Pinda kod <b style="font-family: Jenis-Font-Yg-Diguna; font-size: 28px;> dengan jenis Fontyang digunakan. Pinda font-size supaya sesuai ukuran huruf yang keluar dalam pos blog.

Sekian, selamat mencuba dan selamat berjaya.


p/s: saya belum enable kan font utk blog ini. sbb itulah nmpak mcm takde apa2 perubahan.