CSS

CSS ile dışardan font çağırmak

 

sp-720
CSS’te dışardan font çağırabilmek için;

Öncelikle http://www.fontsquirrel.com/ sitesinde WEBFONT GENERATOR sekmesine gidip fontlarımızı yüklüyoruz. Yüklenen fontları gördükten sonra EXPERT seçeneğine tıklayıp FONT FORMATS kısmından SVG‘yi de ekliyoruz. Daha sonra SUBSETTING alanından CUSTOM SUBSETTING kısmından turkish seçeneğinde işaretliyoruz. Daha sonraki adımda SINGLE CHARACTERS alanına “ç,Ç,ş,Ş,ı,İ,ğ,Ğ,ü,Ü,ö,Ö,ü,Ü” ifadelerini ekleyip işlemlerimizi tamamlıyoruz.

İnen dosya içerisinde css dosyasında bulunanları kendi css dosyamıza alıyoruz. Fontları kendi font klasörümüze aktarıyoruz. CSS dosyamızın okuyacağı şekilde yollarını belirtip işlemlerimizi tamamlıyoruz.

Örnek;

@font-face {
    font-family: 'Fontismi';
    src: url('font.eot'); /* Font yolunu belirtirken font dosyanıza göre belirtmeniz    gerekmektedir. 
    Bende css dosyam ile font dosyalarım aynı dizinde olduğu için ekstra bir yol 
    belirtmedim. */
    src: url('font.eot?#iefix') format('embedded-opentype'),
         url('font.woff') format('woff'),
         url('font.ttf') format('truetype'),
         url('font.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { 
  font-family: 'Fontismi' ;
}

Kolay Gelsin.

Bir Cevap Yazın

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