15 Ağustos 2013 Perşembe

Google CSS ile font kullanımı

Google 'ın ücretsiz olarak sunduğu Webmaster ların işini kolaylaştıran CSS ile font kullanımı sağlıyor.
Bilgi için http://www.google.com/fonts#AboutPlace:about linkini inceleyebilirsiniz.
622 font ailesini CSS ile basit kullanıma sunuyor.
Font listesine erişmek için http://www.google.com/fonts linkini kullanabilirsiniz.

Seçeceğiniz font/fontları Add to Collection butonu ile tanımlıyorsunuz. Ardından Font Seçim listesinin sağ kısmında Use adlı butona tıklıyorsunuz.
Size üç seçenek sunuyor
  • Standard : direk html sayfanıza eklemek için.
  • @import : css dosyanıza eklemek için
  • Javascript : javascript kullanımı için

Standart kullanımı için örnek:
Seçmiş oldugunuz linki <head> .... </head> etiketleri arasına yapıştırın:
<link href='http://fonts.googleapis.com/css?family=Grand+Hotel&subset=latin,latin-ext,cyrillic' rel='stylesheet' type='text/css'>
Css dosyanıza:
.data-01{
    font-family: 'Grand Hotel'; ; 
}
html sayfanızın içinde kullanmak için:
<p class="data-01">Google font api- www.duruajans.com</p>
Demo için URL: http://www.duruajans.com/google_fonts/