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*/
	}