16 Mart 2017 Perşembe

A’dan Z’ye Blogger da Yazı Tipi (Fontu) Değiştirme Adımları

blogger-yazı-tipi-değiştirme

Blogunuzda kendi tarzınızı yansıtmanın en önemli yollarından birisi de yazı tipi değişikliğidir. Çünkü var olan temanızdaki geçerli olan yazı stili içeriğinizle örtüşmeyebilir. Şöyle ki:

Neşeli ve içten yazı dilinize resmi yazışmaların vazgeçilmez fontu Times New Roman biraz soğuk durabilir. Ya da tam tersi daha italik ve çılgın duran bir font da samimi bir dille yazılan içeriğinize ters düşebilir.

Daha da ötesi yıllardan beri süregelen alışkanlığınız vardır ve daima o fontu kullanmak isteyebilirsiniz.

Tüm bu durumlarda için blogger yazı tipi değiştirme konusunda ihtiyacınız olacak ve bilmeniz gereken noktaları sizler için hazırladım. Blog tasarımı için oldukça önemli olan bu adımı aşağıdaki şekilde tamamlayabilirsiniz.

Bu konuda kendinize soracağınız ilk soru şu:

Aklımdaki yazı tipi değişikliği ile birlikte sitem nasıl bir görünüm kazanacak? Bunu kod değişikliği yapmadan görebilir miyim?

Elbette! Hemen kodları değiştirmeden seçeceğiniz fontun nasıl görüneceğini görebilirsiniz. Bunun için typewonder adlı servisten faydalanacağız. Servis Türkçe olarak da hizmet veriyor. Sağ üst köşeden dil ayarlarını yapabilirsiniz.

Siteye giriş yaptıktan sonra resimdeki gibi kutucuğa site adresini yazın ve Başla butonuna basın.

blog-yazi-font-secimi

Karşınıza küçük pencerede yazı stilleri ekranı gelecek. Buradan istediğinizi seçebilirsiniz.

Seçtikten sonra sağ alt köşedeki kullan butonuna basarak sitenizi önizleyebilirsiniz.

Bu ipucu oldukça pratiklik sağlayacaktır size. Eğer seçiminizi yaptıysanız şimdi direkt blogger üzerinde yapabileceğiniz değişikliklere geçelim:

Eğer blogger ın sahip olduğu klasik temaları kullanıyorsanız yazı tipi değişikliği için daha kolay adımlar sizi bekliyor. Eğer blogger > tema > özelleştir > gelişmiş yolunu izlerseniz renkleri ve yazı stillerini değiştireceğiniz menüyü görebileceksiniz.

blogger-tema-tasarimcisi

Buradan direkt olarak açılır menüden değişikliği yaparak eş zamanlı olarak da ön izleme yapabilirsiniz. Bunun sebebi kod yapısında buna uygun variable ların girilmiş olmasıdır.

Eğer sahip olduğunuz tema düzenlenmiş özel bir temaysa, bir başka deyişle bu variable yapısını sahip değilse o zaman direkt font adını yazarak değişiklik yapabilirsiniz.

Eğer sitenizin tamamen aynı yazı tipinde olmasını istiyorsanız blogger şablonunuzda font-family şeklinde arama yaparak mevcut olan fontu silip standart olanlardan yazabilirsiniz.

font-family-degistirme

Örneğin yukarıdaki resimde Georgia yerine Arial yazabilirim.

Font-family gördüğünüz tüm kısımları Arial yaparak sitenizdeki tüm kısımların Arial olarak görülmesini sağlayabilirsiniz. Diğer türlü hangi kısımda değişiklik yaptıysanız orada değişikliği göreceksinizdir.

Ya ben sadece klasik times new roman, georgia, arial mi kullanacağım? Daha değişik yazı tipleri kullanamaz mıyım?

Tabii ki hayır! Google web font da sitenizde kullanabilirsiniz. Hepsi türkçe karakter desteklemese de destekleyenler arasında en güzel yazı tiplerini de seçebilirsiniz.

►► Blogger da Anasayfa sabit sayfaya nasıl yönlendirilir

Google web fonts kullanımı

Buradaki adrese tıklayarak binlerce fontun yer aldığı dizini ziyaret edin. Hangi stili kullanmak istiyorsanız onun üzerine tıklayın.

O fonta ait sayfaya yönleneceksiniz. Burada kendiniz bir metin yazarak nasıl görüntülendiğini kontrol edebilirsiniz.

google-web-font-kullanimi

Her şey tamamsa Select this font linkine tıklayıp sağ alt köşede yer alan küçük pencereye tıklayın.

google-web-font-kullanimi-2

Burada blogumuza ekleyeceğimiz kodları görebileceksiniz. İki adımda bunları blogumuza ekleyeceğiz.

google-web-font-blogger

1 – Bu kısımda yer alan kodu blogunuzda arama yaparak <b:skin> etiketinden hemen önce ekleyin. Eklerken > kodundan önce / eklemeyi unutmayın.

2 – Bu kısımda yer alan kodu nerede font değişikliği yapmak istiyorsanız oraya ekleyin.

Örnek :

  .comments h4 {
  font-family: 'Jim Nightshade', cursive;
  font-size: 28px;

Evet. Bu adımları kaydedip blogunuzu görüntüleyebilirsiniz.

Google web font da yer alan en güzel yazı tipleri

Sizler için bir kaç araştırma yaptım. Bunları da alternatifleriniz arasına alabilirsiniz:

1 – Courgette

image

2 – Ranga

image

3 – Lobster

image

4 – Pacifico

image

5 – Alegreya

image

Son Sözler

A’dan Z’ye blogger yazı tipi değiştirme adımlarını sizlerle paylaştım. Gördüğünüz gibi google font dizininde oldukça gösterişli olanlar mevcut. Eğer filtre olarak Latin Extended olarak süzerseniz türkçe karakter destekli olanlara daha hızlı ulaşabilirsiniz.

Bu güzel fontları kullanmanın bedeli de az da olsa site hızını olumsuz olarak etkilemesi. Karar sizin…

5 yorum

Emeğinize sağlık çok zengin ve güzel bir konu.

Emeğinize sağlık çok zengin ve güzel bir konu.

Şahane bir yazı olmuş.. ne güzel bilgiler

Yorumlarınız için ayrı ayrı teşekkür ederim :)

Konu ile alakalı yorum gönderirseniz sevinirim. Yazı hakkındaki görüşleriniz sizden sonrakiler için önemli olacaktır.
EmoticonEmoticon