Bagaimana Cara Mengganti Seluruh Font Pada Blog? Ini caranya.

Bagaimana Cara Mengganti Seluruh Font Pada Blog? Ini caranya.

Apa Itu Font ?

Font merupakan desain untuk serangkaian karakter kombinasi dari jenis huruf dan kualitas lainnya,  seperti ukuran, tebal, dan jarak. Misalnya, Arial adalah jenis huruf yang menentukan bentuk setiap karakter. Pada font arial, ada banyak font untuk dipilih – ukuran yang berbeda, miring, tebal, dan sebagainya. Jadi bisa dikatakan font adalah gaya dan model dari karakter huruf angka simbol dan lain-lain.

Bagaimana Cara menggantikan keseluruhan font pada blog ?

Untuk menggantikan keseluruhan font pada blog caranya cukup mudah yaitu dengan mengubah atau menambahkan sedikit coding pada css blog anda. Berikut caranya :

Dengan Menggunakan Edit Template.

1. Login ke blog Anda.

2. Lalu masuk ke menu blog, pilih "TEMPLATE"

3. Klik "Edit HTML".;font-family:Lucida Bright

5. Cari kode <b:skin><![CDATA[  atau  ]]></b:skin>  penampakannya seperti dibawah ini

<b:skin><![CDATA[
/*
Name             : ********
Theme Published  : ********
Type             : ********
Style            : ********
Designer         : ********
Redesign  : ********
*/
/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

5. kemudian lihat pada */ CSS reset */ anda akan menemukan element html, body, div,span, dll...... yang berarti element css ini berlaku untuk keseluruhan template HTML anda
6. tambah kan ;font-family:Lucida Bright kedalam {   } yang terdapat kode css seperti margin, pading dll. jangan lupa gunakan ; untuk pemisah setiap kode css.
7. Ubah tulisan Lucida Bright dengan font family lainnya. atau bisa anda pilih sesuai keinginan dengan font family dibawah ini

FONT FAMILY	PREVIEW FONT	SAMPLE IMAGE
'sans-serif': normal fonts without serifs
Arial, sans-serif	The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica, sans-serif	The Quick Brown Fox Jumps Over The Lazy Dog
Verdana, sans-serif	The Quick Brown Fox Jumps Over The Lazy Dog
Trebuchet MS, sans-serif	The Quick Brown Fox Jumps Over The Lazy Dog
Gill Sans, sans-serif	The Quick Brown Fox Jumps Over The Lazy Dog
Noto Sans, sans-serif	The Quick Brown Fox Jumps Over The Lazy Dog
Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif	The Quick Brown Fox Jumps Over The Lazy Dog
Optima, sans-serif	The Quick Brown Fox Jumps Over The Lazy Dog
Arial Narrow, sans-serif	The Quick Brown Fox Jumps Over The Lazy Dog
sans-serif	The Quick Brown Fox Jumps Over The Lazy Dog
'serif': normal fonts with serifs
Times, Times New Roman, serif	The Quick Brown Fox Jumps Over The Lazy Dog
Didot, serif	The Quick Brown Fox Jumps Over The Lazy Dog
Georgia, serif	The Quick Brown Fox Jumps Over The Lazy Dog
Palatino, URW Palladio L, serif	The Quick Brown Fox Jumps Over The Lazy Dog
Bookman, URW Bookman L, serif	The Quick Brown Fox Jumps Over The Lazy Dog
New Century Schoolbook, TeX Gyre Schola, serif	The Quick Brown Fox Jumps Over The Lazy Dog
American Typewriter, serif	The Quick Brown Fox Jumps Over The Lazy Dog
serif	The Quick Brown Fox Jumps Over The Lazy Dog
'monospace': fixed-width fonts
Andale Mono, monospace	The Quick Brown Fox Jumps Over The Lazy Dog
Courier New, monospace	The Quick Brown Fox Jumps Over The Lazy Dog
Courier, monospace	The Quick Brown Fox Jumps Over The Lazy Dog
FreeMono, monospace	The Quick Brown Fox Jumps Over The Lazy Dog
OCR A Std, monospace	The Quick Brown Fox Jumps Over The Lazy Dog
DejaVu Sans Mono, monospace	The Quick Brown Fox Jumps Over The Lazy Dog
monospace	The Quick Brown Fox Jumps Over The Lazy Dog
'cursive': fonts that emulate handwriting
Comic Sans MS, Comic Sans, cursive	The Quick Brown Fox Jumps Over The Lazy Dog
Apple Chancery, cursive	The Quick Brown Fox Jumps Over The Lazy Dog
Bradley Hand, cursive	The Quick Brown Fox Jumps Over The Lazy Dog
Brush Script MT, Brush Script Std, cursive	The Quick Brown Fox Jumps Over The Lazy Dog
Snell Roundhand, cursive	The Quick Brown Fox Jumps Over The Lazy Dog
URW Chancery L, cursive	The Quick Brown Fox Jumps Over The Lazy Dog
cursive	The Quick Brown Fox Jumps Over The Lazy Dog
'fantasy': decorative fonts, for titles, etc.
Impact, fantasy	The Quick Brown Fox Jumps Over The Lazy Dog
Luminari, fantasy	The Quick Brown Fox Jumps Over The Lazy Dog
Chalkduster, fantasy	The Quick Brown Fox Jumps Over The Lazy Dog
Jazz LET, fantasy	The Quick Brown Fox Jumps Over The Lazy Dog
Blippo, fantasy	The Quick Brown Fox Jumps Over The Lazy Dog
Stencil Std, fantasy	The Quick Brown Fox Jumps Over The Lazy Dog
Marker Felt, fantasy	The Quick Brown Fox Jumps Over The Lazy Dog
Trattatello, fantasy	The Quick Brown Fox Jumps Over The Lazy Dog
fantasy	The Quick Brown Fox Jumps Over The Lazy Dog

Dengan Menggunakkan Inspect Element.

1. Buka peramban web kamu seperti opera mini, google chrome atau browser lainnya

2. buka website kamu lalu klik kanan dengan pilihan inspect element.

3. Pada tab element HTML pada inspect element kamu cari <body lalu pilih dan klik maka secara otomatis pada tab style css akan muncul

4. Carilah style Body {  dan temukan  font-family:  . Lihat gambar dibawah ini .

5. Gantikan Font Family kamu dengan nama font family di atas masih dalam inspect element.

6. Kemudian buka menu edit HTML pada blogger mu lalu carilah kode Body {  kemudian gantikan dengan font family yang telah kamu gunakan tadi.