Sayfalar

Translate Blog

fonts etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
fonts etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

12 Aralık 2012 Çarşamba

Web Fontu Css Kodları (Google Web Fonts)

Web sayfanızın fontlarının standart fontlardan farklı olmasını mı istiyorsunuz?
Tahoma verdana kullanmaktan sıkıldınız mı?

http://www.google.com/webfonts

Adresinde yüzlerce font arasından beğendiğinizi kopyala yapıştır yoluyla web sitenize uygulayabilirsiniz.

Örnek verelim şu fontu sayfamda kullanmak istiyorum: http://www.google.com/webfonts/specimen/Sacramento
Fontun altındaki Quick Use butonuna tıklayın,

Açılan sayfada size birkaç çeşit font versiyonu sunabilirler, istediğinizi seçin,
Hemen aşağıdaki Add This Code To Your Website başlığı latındaki css yükleme kodunu sayfanıza kopyalayın. <head></head> Tagları arasına yapıştırın.

Sayfada hangi css de kullanmak istiyorsanız, bu css yükleme kodunun altında bulunan 4. adımdaki css kodunu kopyalayıp (font-family: 'Sacramento', cursive;) kendi cssniz arasına yapıştırın.
body{ font-family: ‘Metrophobic’, Arial, serif; font-weight: 400; }

gibi.

Kolay gelsin.