Setiap Artikel Blog Beda Font


Banyak sekali jenis font yang telah tercipta. Setiap font memiliki karakter dan nilai keindahannya sendiri. Sebuah situs akan semakin terlihat cantik bila pemilihan font-nya tepat. Bagusnya lagi, kita dapat menggunakan lebih dari satu jenis font pada sebuah situs (blog). Katakanlah Arial untuk Header, Georgia untuk isi artikel, dan seterusnya.

Jenis font yang digunakan dalam blog diatur sekaligus melalui CSS. Contoh berikut menjelaskannya.

Jenis font untuk artikel blog diatur melalui CSS berikut.

.post-body {
font-family: 'Ubuntu','Helvetica Neue',Arial,Helvetica,sans-serif;
font-size: 1.2em;
text-shadow: 0 1px 0 #FAFAFA;
}

CSS di atas memerintahkan browser untuk menerapkan jenis font "Ubuntu" untuk artikel blog. Jadi, setiap artikel yang telah diterbitkan akan memiliki font Ubuntu. Jika kita ingin mengganti font artikel blog kita maka kita cukup melakukan perubahan pada CSS di atas.

Bagaimana jika saya ingin menerapkan font yang berbeda untuk sebuah artikel saja atau sebuah paragraf tertentu? Apakah saya bisa mengaturnya melalui CSS tersebut? Atau apakah saya harus menghapus CSS tersebut? Tentu tidak. Bagusnya Teks editor Blogger-yaitu tempat di mana Anda biasa mengetik artikel-telah menyediakan menu pemilihan jenis font. Anda hanya perlu memilih (mem-block) paragraf  atau kalimat atau kata yang akan diterapkan padanya font tertentu, lalu klik menu Font lalu pilih jenis font yang Anda inginkan, Arial kah, Courier kah, dan lain-lain. Pekerjaan seperti ini mudah, bahkan bagi blogger pemula sekalipun. Lihat gambar di awal.

Mudah bukan?

Bagaimana jika saya ingin menggunakan font lain yang tidak ada dalam daftar font tersebut? Misalnya font Roboto. Jangan khawatir, ini juga mudah.

Caranya tambahkan link untuk jenis font yang akan Anda gunakan. Lalu, terapkan font secara inline.

Contoh.

<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700|Ropa+Sans|Oswald' rel='stylesheet' type='text/css'/>
<span style="font-family: Roboto,'Times New Roman',serif;">Teks Anda di sini...</span>

Hasil untuk font Roboto diterapkan pada dua paragraf berikut.

Barang siapa berjalan untuk menuntut ilmu maka Allah akan memudahkan baginya jalan ke surga. (HR. Muslim)

Barang siapa memberikan petunjuk kebaikan, maka baginya akan mendapatkan ganjaran seperti ganjaran yang diterima oleh orang yang mengikutinya, dan tidak berkurang sedikitpun hal itu dari ganjaran orang tersebut. (HR. Muslim)


Tip. Tulislah Artikel dalam mode HTML.


Selamat belajar :)

Comments

Popular posts from this blog

Cara Menggunakan :before dan :after

Perbedaan JavaScript dan jQuery Beserta Contoh

Tutorial Sevida v2.4.2 - Responsive Magazine Blogger Template