Font-face Kullanımı

Font-face nedir ? Font face Nasıl kullanılır ? Font Face kullanımı ?

Hazırladığınız Web sitelerine görsellik kazandırmak için farklı fontlar kullanmaya ihtiyacı duyarız, Fakat her font her tarayıcı da aynı şekilde görüntülenmeyebilir.Eğer fontlarınız her tarayıcıda farklı görünüyor ise işte o zaman CSS 3  @fontface kullanmanız gerekmektedir.Font face ; web sayfalarında metin görüntülemek için çevrimiçi olarak yazı tiplerini göstermenize olanak sağlar.

Bu nedenle fontface oldukça önemli ve güzel bir özelliktir. Peki Font-Face i nasıl kullanılır ? 

Font-face kullanımı :

@font-face {
    font-family: Molle;
    src: url('molle-regular-webfont.eot');
    font-weight:400;
}

src : de fontunuzun dosya yolunu göstermeniz gerekiyor,site klasörünüzdeki css dosyalarınızı barındırğınız yere font dosyalarını da atarak hepsini bir arada kullanmanız daha kolay olacaktır.


burayı tanımladıktan sonra div veya class içine font-face imizi ekliyoruz.

h3{ font-family:'Molle',Verdana;
     font-size: 17px;
    color: #FFF; }


Oluşturdugumuz font h3 etiketini kullandığımız yerlerde Molle fontunu uygulayacak,ve böylelikle font face kullanarak Molle fontunu  bütün tarayıcılar da düzgün bir şekilde görüntüleme şansına sahip olacağız.

Son olarak ; fontsquirrel sitesini ziyaret ederek webfont generator aracını kullarak font u yüklersiniz ve size otomatik olarak fontu font face kullanımı için hazır hale getirerek indirmenize olanak sağlayacaktır.

Herkese Faydalı olması dileğiyle.