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

Seo(.htaccess)

Seo Teknikleri ve Genel Bilgiler

Kategori: Seo(.htaccess) | 03.05.2013
5:49 Php Dersleri
Php Dersleri

Php Switch Case Yapısının Kullanımı

Kategori: Php Dersleri | 30.09.2013
Genel Makaleler

Bilisimist 5. Yıla Özel Host Kampanyası

Kategori: Genel Makaleler | 13.09.2013
3:42 Php Dersleri

Php ile Karakterleri Saydırma İşlemi | srtlen();

Kategori: Php Dersleri | 04.05.2013

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.