Herkese Merhabalar :)
Aslında çok da bildiğim bir konu değil ama sevgili Blogger arkadaşım duygunun fontlarını değiştirdiğini görünce bende denemek istedim yapamazsam yardımcı olurdu elbette ama ben ondan önce davranıp başardım :)
Umarım okunmaları sorunlu değildir :)
bu konudaki yorumlarınızı bekliyorum ^^
Hemen gelelim asıl konuyu peki bu iş nasıl yapılıyor?
Öncelikle bu konuyu araştırırken bulduğum en faydalı sayfa Bloghocam'dı ve ordaki yönlendirmelere göre yaptım :) ancak benım de biraz değişiklik yapmam gerekti çünkü aynı kodlarda çalışmadı :)
1. Öncelikle Font dediğimiz yazı stillerini seçmek için Google Web Fonts sayfası'na gidiyoruz. Burada ;
2. Preview Text bölümüne türkçe karakterli bir yazı yazıyoruz. Aşağıda Fontların yazdığımız yazı halindeki görüntüleri gelecek buradan ÇŞĞ gibi harfleri rahatlıkla gösteren bir fotn seçiyoruz. XX olanlar yada fontunda dağılma uyumsuz görünenler desteklemeyenlerdir. Bunlardan Seçmeyin.
Daha sonra aşağıdaki resimde de görebileceğiniz gibi Quick Use butonuna basıyoruz ...
3. Açılan Sayfa'da varsa şeçtiğiniz yazı stili / fontun çeşitlerini göreceksiniz. Bunlardan hangisini kullanmak isterseniz tıklayabilirsiniz.
seçiminiz aynıysa bu adımı atlayabilir direk kodlara gelebilirsiniz. :)
belirttiğim kodları bulmak için sablon duzenleyıcısınde HTML düzenle bölümüne girip CTRL + F tuşuna basarak aratabilirsiniz.
4. Daha sonrasında aşağı doğru iniyoruz orada 3. Add this code to your website: yazan bölümü buluyoruz. Bu bölümdeki Kodu
<head>
kodunu aratıp hemen altına ekliyoruz ve
<link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
şeklinde olan kodu;
<link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'/>
halinde güncelliyoruz. buradaki Önemli Nokta css' den sonra koyduğumuz / bu kodu kapatmaya yarayan bir yardımcı. bunu atlarsanız şablon kaydedilmeyecek ve başarılı olamayacaksınız.
5. Bu adımda 4. Integrate the fonts into your CSS: bölümündeki kodu kopyalayıp;
]]></b:skin>
kodunu aratıp onun hemen üstüne ;
h3.post-title {
integrasyon kodu
}
bu kodu ve içinde integrasyon kodu yazan yere 4. Integrate the fonts into your CSS: bölümünden aldığımız kodu yapıştırıyoruz.
Örneğin;
h3.post-title {
font-family: 'Lora', serif;
}
şeklinde olmuş olucak.
burda önemli olan benım şablonumda bu kod çalışmadı. benim düzenlemem;
h2.post-title {
font-family: 'Lora', serif;
}
şeklinde oldu.
Bu verdiğim kod sadece başlıkların yazı stilini / fontunu değiştirir.
Siz
.post {
font-family: 'Courgette', cursive;
}
kodunu kullanarak da tüm paragraf metinlerini yani post içerik yazılarının da fontunu değiştirebilirsiniz.
Aynı koşullarda 4. adımda birçok fontu alt alta ekleyip her bir bölümü farklı fontlarda yapabilirsiniz.
umarım bana olduğu gibi sizlere de faydası olmuştur. Çok anladığım bir konu değil ancak sorun olursa yardımcı olmaya çalışırım :)
Yorumlarınızı bekliyorum :)
Beni sosyal medya hesaplarımdan takip etmek için İletişim Bölümünü Kullanabilirsiniz, Hala Bloguma abone olmadıysanız hemen üst paneldeki Takip et! yazısına tıklayabilirsiniz. :)
Çok açıklayıcı bir yazı olmuş, teşekkürlerr :))
YanıtlaSilben teşekkür ederim ne mutlu bana anlatabildimse :)
Silsüper olmuş :) çok faydalı bi yazı, ayrıca sensin "sevgili arkadaşım" :))
YanıtlaSilsevgili arkadaşım değilmisin yoksa :) inkar mı edıyosun sımdı :D Sen benım bephantol kremlerımın annesısın :d ınkar edemezsın :)) kullanıcam ama kıyamıyorum ya :)
Sil