Seperti yang pernah saya katakan sebelumnya, fungsi konten atau isi suatu blog sangatlah penting, begitu pula dengan tampilan konten. Bisa saja konten suatu blog tersebut sangat bagus tapi karena tampilan nya yang kurang mendukung sehingga membuat pengunjung blog tidak membaca konten tersebut, sayang sekali bukan.
Jadi tampilan konten juga tidak kalah penting dengan isi kontennya. Salah satu tampilan konten yang cukup berpengaruh terhadap isi suatu blog adalah font. Font ini sangat mempengaruhi para pengunjung kita, agar konten blog dapat tersampaikan dengan baik dan benar maka kita harus menggunakan font yang dapat terbaca dan mudah dimengerti oleh setiap orang yang membacanya. Selain itu ada alasan lain yang menyebabkan sebagian blogger mengganti font di blog mereka, yaitu karena mereka merasa bosan dengan font blog mereka atau karena font mereka kurang menarik.
Pada postingan kali ini saya akan memberikan tutorial cara mengganti font blog atau website menggunakan google web font.Kenapa harus Google web Font?
Karena disana terdapat ribuan font menarik dan gratis yang tentunya bisa kita gunakan untuk web atau blog kita. Karena font font tersebut di sediakan oleh google sehingga bisa dipastikan aman untuk digunakan.
Bagaimana cara mengganti font di blog atau di web
Ok langsung aja, berikut ini adalah Cara Mengganti Font di Blog atau Web:
1. Buka Google Web Font( https://www.google.com/fonts ). Cari font yang kamu inginkan, lalu klik Pop out untuk mempreview font lebih detail, seperti gambar berikut:
3. Sesuaikan font yang kamu butuhkan( pada kolom nomor 1 dan 2), kemudian copy script yang ada di kolom nomor 3.
Contoh:
<link href='http://fonts.googleapis.com/css?family=Lekton:400,700,400italic' rel='stylesheet' type='text/css'>
menjadi:
<link href='http://fonts.googleapis.com/css?family=Lekton:400,700,400italic' rel='stylesheet' type='text/css' / >
5. Masuk template blog atau web kamu, letakan Script tersebut dibawah kode : <head>
Untuk menggunakannya kamu harus meletakkannya dalam kode css seperti ini:
body { margin:0 auto; padding:0px 0px 0px 0px; background:#fff;
font-family:'Lobster',Verdana;
color:#161514; font-size:14px;
}
Tinggal kamu ganti kata Lobster dengan nama font yang kamu gunakan di Css yang ada di blog kamu. Bingung? baca juga artikel seputar android disini.
Selesai, Semoga Tutorial ini bisa bermanfaa, tunggu artikel selanjutnya mengenai teknologi dan internet disini
0 Komentar Untuk "Mengganti Font Blog Jadi Lebih Keren dan Manis"
Post a Comment