Blogunuzu Degişik Fontlarla Yazın

font-styleBlogger şablonunda yeteri kadar font stili var. Fakat bazıları bunu yetersiz bularak değişik fontlar deneyebiliyor.
Şiir, anı bloglarında ve benzeri bloglarda değişik fontlar hoş olmuyor değil. 
İnternette stil dosyası hizmeti veren pek çok site mevcut. Fakat sanırım en iyisi Google Font... Yazının sonunda ilgili sitenin linkini bulacaksınız.
Ben size bir kaç tane font stil örneği vereceğim ve bunları kendi bloğunuza-sitenize nasıl uygulayacağınızı anlatacağım.

ÖRNEK 1 : Dancing Script
Stil Dosyası
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css' />

Yitik bir ezgisin sadece,
Tüketilmis ve düsmüs gözden,
Düslerinde bir çocuk hıçkırır,
Gece camlara sürtünürken;
Çünkü hiç bir kelebek,
Tek basına yasamaz sevdasını,
 


ÖRNEK 2 : Bubblegum Sans
Stil Dosyası
<link href='http://fonts.googleapis.com/css?family=Bubblegum+Sans' rel='stylesheet' type='text/css' />

Hergün yüzlerce hayal kurar insan ve hiç biri gerçek olmaz; ama birgün bir gerçek yaşarsın, hiçbir hayale sıgmaz. 


ÖRNEK 3 : Pacifico
Stil Dosyası
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css' />

Güneş batmak üzeredir. Güneş süzülür nazlı nazlı, akar gider dağların ardına, bilinmez dünyalara. Ardından hüzün dolu gözlerle bakakalırız. Batarken, ufku al kanlara boyayıp usul usul alçaldıkça bizim farkımızda mıdır güneş acaba? 


ÖRNEK 4 : Berkshire Swash
Stil Dosyası
<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css' />

Sen, uzattığın eli tutmayan ele mi dargınsın? Tutmayacak bir ele uzandığın için kendine mi kızgınsın? 


ÖRNEK 5 : Chewy
Stil Dosyası
<link href='http://fonts.googleapis.com/css?family=Chewy' rel='stylesheet' type='text/css' />

Yakınlık, uzaklıktan daha sıkıntılıdır. Çünkü her yakınlıkta kaybetme korkusu, uzaklıkta ise kavuşma ümidi vardır... 


ÖRNEK 6 : Homemade Apple
Stil Dosyası
<link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css' />

Sana bu mektubu yazarken gözlerimden yaşlar akıyor sanma . Bu sana yazdığım son mektup da olmayacak. 


ÖRNEK 7 : Shadows Into Light
Stil Dosyası
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css' />

Herkes kendisini o kadar çok zaman gizlemiş ki, sonunda kaybolmuşlar galiba... Şimdi çok istese dahi kimse kimseyi bulamıyor. Kaybolduk! 

ÖRNEK 8 : Kotta One
Stil Dosyası
<link href='http://fonts.googleapis.com/css?family=Kotta+One' rel='stylesheet' type='text/css' />

Her ayrılış, başka yerdeki bir buluşma demektir. Her buluşma da yeni bir tutsaklık... 


Bu kadar örnek yeter sanırım. Gelelim bu stilleri bloğunuzda nasıl uygulayacağınıza :
Deyelim ki ÖRNEK 1 deki yazı stilini kullanmak istiyorsunuz.
Öncelikle stil dosyasını kopyalayıp Şablon > HTML'yi Düzenle bölümünde <head>kodunun altına ekleyiniz.
Daha sonra; eğer bu yazı stilini tüm yazılarınızda kullanacaksanız ]]></b:skin> kodunu bulup hemen üstüne aşağıdaki integrasyon kodunu ekleyin. ÖRNEK 1 deki font ismi olan "Dancing Script" e göre ekleyeceğiniz kod şöyle olmalı :

.post { 
  font-family: 'Dancing Script', sans-serif;
}
Bu font stilini tüm yazılarınızda değilde bazı yazılarınızda yada yazılarınızın bazı bölümlerinde kullanmak istiyorsanız, üstteki integrasyon kodunu eklemeden ;
<span style="font-family:Dancing Script;"> Yazılarınız </span>
şeklinde uygulamanız gerekir.
Diğer font örneklerini görmek ve stil dosyalarına erişmek için Google Fonts u ziyaret ediniz. Kolay gelsin. 

Hiç yorum yok

Yorum yaparken:
1. Yaptığınız yorumun, mutlaka konuyla alakalı olmasına özen gösteriniz.
2. Yorumlarınızda yazım ve dil bilgisi kurallarına uymaya çalışın.
3. Konu ile ilgili olmayan sorularınız için İletişim sayfasını kullanınız.

Blogger tarafından desteklenmektedir.