Cheese

Saturday, September 24, 2011

Tukar Font Di Blog Guna Google Web Fonts Lebih Mudah

Tukar font dalam blog sudah menjadi trend semua orang. Sebab font yang ada dalam blogger ni semuanya hampehh. Haha. Ramai laa dok google cari 'bagaimana menukar font di blog' apa bagai. Padahal google sendiri dah ada benda alah ni. So hari ni Keju nak kongsi macam mana nak tukar font menggunakan Google Web Fonts yang mudah dan cepat.


macam mana nak buat? jom check it out bebeh ~



1.Pilih Font
Pergi ke Google Web Fonts.
Pastu pilih lah font yg agak sedap mata memandang kan.
Agak² korang rasa was² nak pilih kan korang klik "Add to Collection"
Dah puas try apa jadah semua klik laa "Use" atau "Quick-use" Haha.


2. Dapatkan Code
Pastu korang akan nampak banyak style font yg korang pilih tuu kan
Ada banyak option : normal , bold , italics dll. Korang check jek sume tuu
Contoh Keju pilih font "Droid Serif"
Then korang akan diberi code seperti ini :
rel = 'stylesheet' href = 'http://fonts.googleapis.com/css?family=Droid+Serif:400, 700400 italik, 700italic' type='text/css'> <link

Pastu pegi Design>Edit Html tekan CTRL+F. Search <head>
Korang copy code yg korang dapat tadi then paste kat betol² atas <head>
Sebelum save jangan lupa tambah slash (/) contoh yg seperti ini:

rel = 'stylesheet' href = 'http://fonts.googleapis.com/css?family=Droid+Serif:400, 700400 italik, 700italic' type='text/css'/> <link
2. Tukarkan Name Font Dalam Html
Pegi Design>Edit Html cari Headings (CTRL+F search h1, h2, h3, dll.)
Tukar nama font di setiap h1, h2, h3, kepada nama font yg korang pilih.
Contoh :
h1 { font-family: 'Droid Serif', Arial, serif, font-weight: 400; }
Semua dah rasa ok tekan Preview then dah puas hati tekan Save. Siap

2 comments:

Anonymous said...

info best.. tq2..^^

Unknown said...

ur welcome ^^

LinkWithin

Related Posts Plugin for WordPress, Blogger...
 
Mr Keju © 2011 | Copyright kejuberbulu All Rights Reserved by Mr Keju,