Google Web Fonts ile Yeni Fontlar Kullanma

Google'ın bir süre önce yayınladığı bir özellikten bahsetmek istiyorum. Google'ın bu servisi ile web sitenizde istediğiniz fontları kullanabilirsiniz. Bu sistemin amacı, belirlediğiniz font'un her bilgisayardan aynı görülerek css ve cufon'a ihtiyaç duymadan direkt olarak kullanmaktır.

Şimdi gelelim Google Web Fonts'un nasıl kullanılacağına. Öncelikle tıklayarak Google Web Fonts'a giriyoruz. Ardından kullanmak istediğimiz fontu seçiyoruz. Sayfanın sağ alt kısmındaki "Use" butonuna tıklıyoruz. Burada bizim seçtiğimiz font'a göre ayarlanan bir takım kodlar verilmekte. Mesela ben "Josefin Slab" adında bir font seçtim ve bana şöyle bir kod verdi:

<link href='http://fonts.googleapis.com/css?family=Josefin+Slab&v2' rel='stylesheet' type='text/css'>

Bu kodu sitenizde <head></head> etiketleri arasına eklemelisiniz. Daha sonra CSS'de bu fontu kullanmak istediğiniz yere sadece font-family kodu aracılığı ile "Josefin Slab" yazmanız yeterli. Kullanımı da şöyle olacaktır;

body{font-family:Josefin Slab}

Bu işlemleri yaptıktan sonra artık belirlediğiniz alan, seçtiğiniz font ile gösterilecektir. Ayrıca belirtmekte fayda var; Google Web Fonts'ta az da olsa türkçe karakterli fontlar mevcut.
- 26.06.2013 / 03:01:18 2

Sosyal Medya Paylaşım Alanı

Bunlarda İlginizi Çekebilir

14:27 Php Dersleri

Php ile Facebook/Twitter Hashtag Uygulaması

Kategori: Php Dersleri | 26.05.2014
Windows
16:10 Html Dersleri

Htmlde Yazı Düzenleme Stilleri

Kategori: Html Dersleri | 03.05.2013
6:53 jQuery Dersleri

jQuery ile Renkli Listeleme Yapımı (odd ve even)

Kategori: jQuery Dersleri | 03.05.2013
Reklamlar

Yorum Listesi (1) # YorumYap

  • Derya Verün (24.04.2014 - 17:26:26)
    Teşekkürler

Hadi Sende Yorum Yap!

Yorum Gönderilmiştir. Onaylandıktan Sonra Mesajınız Yayınlanacaktır.