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

3:11 Seo(.htaccess)

.htaccess Dosyası Oluşturma

Kategori: Seo(.htaccess) | 03.05.2013
Genel Makaleler
7:43 Php Dersleri

Değişkenlerde Array Yapısı

Kategori: Php Dersleri | 02.05.2013
5:35 Php Dersleri
Genel Makaleler

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.