WordPress @font-face Kit Kullanımı

23 04 2012 18:14 tarihinde, Web Tasarım kategorisinde yazıldı. Hiç yorum yapılmadı, 5710 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.

[css]@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;}

[/css]

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

[css]
#başlıklar {font-family: ‘fontumuz’ font-size: 3px }
[/css]

https://www.nebigarci.net

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


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

Sponsorlu Bağlantılar

Son Yorumlar

  • Anonim Misafir

    Bu problemle karsılastığımda haftalarca uğrasmıs çözememiştim. Sizden aldığım hizmetler de oldu o yüzden aklıma geldiniz sonra ilgilenemeyeceğinizi dusunerek yazmadım. Forumlarda çözüm ararken bir arkadaş bu linki verdi, ve sorun çözüldü. Allah razı olsun. Teşekkür ederim.
  • Anonim Misafir

    Bilgilendirici bir dökümandı. Teşekkürler.
  • Anonim Misafir

    Ben yaptım neden olmadı sizce
  • Anonim M.Tunahan COŞKUN

    Merhabalar, ödemeyi Finansbank hesabınıza aktardım.
  • Anonim Misafir

    Merhabalar engelleyen kişinin sayfasına girilmiyor. Id'sini buldum engel kodunu da yapıştırdım ama sayfası olmadığı için farklı birinin sayfasından yapmaya çalıştığım için bu sorunu veriyor. Ne yapabilirim?