CSS3 Font-face İle Web-font Kullanımı

CSS3 ile beraber gelen font-face özelliği sayesinde kolayca web-font’ları sayfamıza entegre edebiliyor ve kendimize özel web-font’ları kullanabiliyoruz.

CSS3 font-face ile web-font kullanımı

Basit olarak web font tanımı şu şekilde yapılmaktadır.

Elinizde bulunan True Tyte Font’unuzu web font’a dönüştürerek yukarıdaki eot, woff uzantılı doyaları elde edebilirsiniz .ttf uzantılı fontunuzu web-font’a dönüştürmek isterseniz Web Font Generator aracını kullanabilirsiniz.

Şimdi örnek olarak hazırladığımız koda geçelim

Örnek

Sonuç

Örneğe ait kodları buradan indirebilirsiniz.

Bunlar da hoşunuza gidebilir...

Bir Cevap Yazın