WordPress @font-face Kit Kullanımı

23 04 2012 18:14 tarihinde, Web Tasarım kategorisinde yazıldı. Hiç yorum yapılmadı, 5178 kez okundu

Sitenizde bütün yazı fontlarını istediğiniz fontta yazabilirsiniz. Bunun için ister bilgisayarınızdaki C:WINDOWSFonts  klasöründen herhangi bir fontu kullanın ya da internetten indirin.

Kullanmak istediğiniz fontu indirdiyseniz öncelikle http://www.fontsquirrel.com/fontface/generator adresinden fontumuzu uyumlu hale getirelim.

Siteye girdikten sonra 1 numaralı yerde gösterilen “add fonts” butonu yardımıyla elimzideki fontu yüklüyoruz.

ardından 2 numaralı kutucuğu işaretliyoruz ve  3 numaralı bölgedeki indirme butonu aktif oluyor ardından fontu indiriyoruz.

Şimdi indirmiş olduğunuz zip dosyasındaki dosyaları ftp programı ile tema dizinlerindeki herhangi bir yere font isimli yeni bir klasör açıp içerisine atıyoruz.

Ardından temamızın style.css dosyasına en alta yada da uygun bir yere aşağıdaki kodları ekliyoruz.

@font-face{font-family: 'fontumuz';
 src: url('fontadresi.eot');
 src: url('fontadresi.eot?#iefix') format('embedded-opentype'),
 url('fontadresi.woff') format('woff'),
 url('fontadresi.ttf') format('truetype'),
 url('fontadresi.svg#fontumuz') format('svg');
 font-weight: normal;
 font-style: normal;}

Ardından “fontadresi” yazan kısımları ftp ile attığımız klasördeki fontların adresi ile değiştiriyoruz. Yani o dosyaların adreslerini giriyoruz.

Sıra geldi fontu belirlemeye. Şimdi style dosyamızdaki fontu belirlemek istediğimiz yere mesela

 #başlıklar {font-family: 'fontumuz' font-size: 3px }

http://www.nebigarci.net

olduğu gibi font famly kısmına tek tırnak içinde ‘fontumuz’ giriyoruz. Kolay gelsin.

Bu konudaki düşüncelerinizi siz de yorum olarak paylaşabilir, aşağıdaki butonlar aracılığıyla daha çok kişiye ulaştırabilirsiniz.

Bunlar da İlginizi Çekebilir
Bu Yazı Hakkında Ne Düşünüyorsunuz?

Sponsorlu Bağlantılar

Son Yorumlar

  • Anonim Nebi Garcı

    https://www.instagram.com/accounts/access_tool/accounts_you_blocked adresine bilgisayardan girdiğinizde görünmesi gerek. O da sizi engellediyse görünmeyebilir
  • Anonim Misafir

    Merhaba. Bu şekilde bilgisayardan beni engelleyen kullanıcıyı engelledim fakat telefondaki instagram uygulanmasındaki hesabımda engellenenler listesinde görünmüyor. ne yapmak lazım?
  • Anonim Mehmet

    Gayet güzel bir anlatımda bulunmuşsunuz. Sayenizde öğrettiğiniz şekilde yaparak bir kişiyi engelledim bende.
  • Anonim Misafir

    Merhaba, ınstagram nega araç eklentisini almak istiyorum. Hesap bilgilerinizi atar mısınız?
  • Anonim Misafir

    yorum özelliği müthiş oldu hocam umarım zamanlı gönderi planlama özelliği de getirirsiniz de piyasadaki herkes sizin ekletiyi kullanır.