Css 3 : @Font-face Kullanımı

Css 3 : @Font-face Kullanımı

Font Face

Css 2.0 ile gündeme gelen css 2.1 ile rafa kaldırılan ve tekrar Css 3 ile eski yerini alan komut : @font-face ...

Özellikle psd to xhtml uygulamalarınızda çizimdeki fontları css ile yazdırmak sorun haline gelir. Css dosyamızda yazdığımız font komutları sayfanın okunduğu bilgisayarda font yüklü ise görüntülenir ancak print edilen bilgisayarda font yoksa tarayıcı sayfayı görüntülerken kendi varsayılan fontunu kullandığını hepimiz biliyoruz.

Css3 ile gelen font uygulamaları yardımıyla bu sorunu çözmemiz mümkün oluyor.

@font-face {
	
	 font-family: Brisk;
	 src: url('../fonts/Brisk.eot');/* IE için */
         src: local('Brisk'), local('Brisk'),
              url('../fonts/Brisk.TTF') format('truetype');
         /*Kendi bilgisayarımızda aynı adlı font var ise bizim
           fontumuzu yüklenmeden kullanmamızı sağlar*/
	}

demo

Dönüşümler için kaynaklar :

TTF 2 EOT : kirsle.net

Tüm Dönüşümler : fontsquirrel.com

Font Türkçeleştirme, Fontlara Türkçe Karakter Ekleme :

Güzel Yazı  ( Video Anlatımlı ) : skullcrusher.org

Daha Detaylı Bilgi İçin :  Font-Face Kullanımı

 


Winners focus on winning, losers focus on winners! 👨 💻 🎧

Yorum ekle