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 Buraya 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 sitenizdeetiketleri 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.

Bir önceki yazım olan Google Translate İle Sitede Çoklu Dil Desteği başlıklı makalemi de okumanızı öneririz.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.