Google Font Directory - Açık kaynak font dizini → Spaksu™ Blog

Web tasarımcıların hazırladıkları tasarımlarda bazen farklı yazı tipleri kullanmak isteyebilirler. Bunun için birçok farklı yol vardır. Google bu işede el atarak basit gibi görünsede güzel bir servis hazırlamış. Google Font Directory isimli bu servise şuan için 18 tane font eklemiş durumda. Bu fontları basit bir bağantı (link) kodu kullanarak ve stil (style) içine entegre ederek kendi sitenizde veya blogunuzda kullanmanız mümkündür. Yazının devamında Spaksu Blog’da kullandığım IM Fell fontunu sitenize nasıl ekleyip kullanabileceğinizi göstereceğim.

Öncelikle Bu adresten aldığımız bağlantı (link) kodunu <head> tag’inin arasına ekliyoruz.
<link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica' rel='stylesheet' type='text/css'>

Sonrasında sitenizin css dosyasına (standardı style.css dir) giriyoruz ve alttaki h1 stiline fontumuzu tanıtıyoruz.
h1 { font-family: 'IM Fell DW Pica', arial, serif; }

Daha Sonrasında kullanacağınız tüm h1 tag’lari bu fontu kullanacaktır.
<h1> IM Fell Fontunu kullanıyorum. </h1>

Google Font Directory’de bulunan diğer fontlara ulaşmak için lütfen alttaki bağlantıyı takip ediniz.
http://code.google.com/webfonts