2 Eylül 2015 Çarşamba

Blogger'da Google Fonts Kullanımı

Siteniz için güzel bir yazı fontu kullanmak istiyorsanız bu yazı tam size göre. Bildiğiniz üzere sitede kullandığımız yazı fontları her tarayıcıda çalışmıyor. Bunun nedeni CSS kodlarını hepsini farklı bir şekilde yorumlayışındandır. Bu sorun maalesef benim blogumda da vardı. Bu sorunu çözmek için blogda google font kullanmaya karar verdim. Kullanma nedenim ise fontu tüm tarayıcılarda aynı görünüceğini bilmem ve linux, mac gibi işletim sistemleri kullananlar içinde aynı görüneceği içindi. Eğer sizde bir google fontu kullanmaya karar verdiyseniz hadi nasıl yapılır onu görelim.

Google Fontlarını Siteye Uyarlama

 1. İlk önce şu adrese tıklayın. Daha sonra ise sitenize uygun olacağını düşündüğünüz bir font seçin. Türkçe karakterlere uygun bir font seçin. Preview Text bölümüne Türkçe karakterler yazarak bunu anlayabilirsiniz. (ç,ş,ğ gibi).



2. Ben Ubuntu Mono adlı fontu kişisel blogumda kullanıcam. Eğer sizde seçtiyseniz şimdi Quick-Use bölümüne tıklayın.

3. Karşınıza çıkan sayfada fontla ilgili ayrı özellikleri ben kullanmıyacağım. 1. ve 2. adımı atlıyorum. 3. ve 4. adım bizim için önemli.



4. 3. Adımda Standard bölümünde bulunan kodumuzu kopyalıyoruz. Aldığımız kodun ">" öncesine / işaretini koyuyoruz. Aksi takdirde hata verir.

  Örnek :  <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'/>

5. Şimdi ise kodumuzu kopyalayıp HTML'i Düzenle bölümünden <head> kodunu bulup altına yapıştırıyoruz.



6. 4. adıma geçelim. İntegrate the fonts into your CSS bölümündeki kodu kopyalayın. HTML'i Düzenle bölümünde ctrl+f yapın ve .post yazıp bulun.



7. Bu işlemi yaptıktan sonra kaydedin ve artık blogunuzun fontu değişti.




Umarım bu yazı size yardımcı olmuştur. Herhangi bir sorun olursa yorum atmanız yeterli olur.




Yazar Tarih
Etiketler:

Hiç yorum yok:

Yorum Gönder

Kaydol: Kayıt Yorumları (Atom)