Walaubagaimanapun, jika mahu lebih banyak gaya font yang menepati citarasa, boleh lawati laman Google Web Fonts. Setakat ini terdapat lebih 600 gaya font yang boleh dipilih dan digunakan dengan percuma. Dalam artikel ini, kami akan menunjukkan cara yang betul menggunakan Google Web Fonts di blog anda hanya dengan beberapa langkah sahaja.
Cari Google Web Fonts Yang Anda Suka
Apa yang anda perlu buat adalah pergi ke laman Google Web Fonts dan cari font yang anda suka dan klik butang "Quick Use".
Selepas anda klik butang Quick Use, anda akan dibawa ke page baru. Pertama, pilih saiz dan gaya yang anda mahu. Dinasihatkan pilih semua saiz font yang anda mahu.
Tambah CSS Link Di Blogger Template
dan scroll ke bawah dan sehingga anda jumpa kotak, 3. Add this code to your website:
Sebagai contoh, ini adalah code yang diambil daripada Google Web Fonts
<link href="http://fonts.googleapis.com/css?family=Oswald:400,700,300" rel="stylesheet" type="text/css">
dan ini masih code yang sama. Apa anda perlu buat adalah tambah slash sebelum simbol forward penutup (hightlight dengan warna merah)
<link href="http://fonts.googleapis.com/css?family=Oswald:400,700,300" rel="stylesheet" type="text/css"/>
Tentukan Google Web Fonts pada CSS
Langkah terakhir adalah menentukan di mana anda mahu gunakan Google Web Fonts pada template anda.Sebagai contoh, untuk menggunakan Google Web Fonts pada tajuk pos, tambahkan code CSS ini
.post h1 { font-family: 'Oswald', sans-serif; }
Anda boleh gantikan apa saja gaya font di Google Web Fonts dengan cara ini. Dan yang paling penting adalah jangan lupa save ya.
Jika ada masalah, jangan segan untuk tinggalkan komen di bawah kerana ia percuma.
Post a Comment