Google'ın font servisi sayesinde internette birbirinden güzel fontlara ulaşabileceğiz. Nasıl mı? Google Labs ürünü olan Fonts'un detaylarını yazımızda bulabilirsiniz.
Google Labs ürünü olan Fonts servisi, profesyonel, etkileyici ve güzel görünümlü fontları web sitelerinde kullanmak isteyen tasarımcıların ve geliştiricilerin vazgeçilmezi olmaya aday. Google Font API, açık kaynak kodlu bir proje ve her tarayıcıda kullanılabilen yüksek kalitede açık kaynak fontlarını, geliştiricilere zahmetsiz bir şekilde ulaştırmayı amaçlıyor.
Sayısız Font Elinizin Altında
Tüm fontları anında önizleyebiliyoruz
Geliştiricilerin fontlara kolaylıkla ulaşabilmeleri için, Google Font Directoryhizmete sokuldu. Sadece fontları görmekle kalmayıp, indirebilir, ön izleyebilir, kullanmak üzere kodunu alabilirsiniz. Proje açık kaynak olduğu için tüm fontları, ticari olan ve olmayan tüm sitelerde özgür bir şekildekullanabilirsiniz. Değişik fontları seviyorsanız, sitenizin tamamına Google fontlarını, API sayesinde entegre edebilirsiniz.
Entegrasyon İçin Şu Adımları İzleyeceğiz
1. İstenilen fontun ya da fontları stylesheet'e ekleyin.
Örn. http://fonts.googleapis.com/css?family=Font+Adı”>
Örn. http://fonts.googleapis.com/css?family=Font+Adı”>
2. Fontu kullanmak için CSS tanımlamaları yapın
Örn. h1 { font-family: 'Font Adı', arial, serif; }
Örn. h1 { font-family: 'Font Adı', arial, serif; }
ya da
3. Satır içinde kullanın.
Örn. Font Adı‘, serif;”>Örnek yazı
Örn. Font Adı‘, serif;”>Örnek yazı
Daha Gelişmiş Yöntemler
@import ile ekleyebilirsiniz.
Örn. @import url(http://fonts.googleapis.com/css?family=Font+Adı)
Örn. @import url(http://fonts.googleapis.com/css?family=Font+Adı)
ya da
Java ile ekleyebiliriz.
Ayrıntılı bilgiye Google Font Directory'den ulaşabilirsiniz.
Örnek Bir Çalışma
Sitenizde farklı fontlar kullanılması işte bu kadar kolay
Kaynak:SDN
Hiç yorum yok:
Yorum Gönder