WordPress @font-face Kit Kullanımı

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

    Eklentiyi yaklaşık 20 gündür kullanıyorum. Öncelikle eklenti verdiğimiz paranın üzerinde değerde onu belirtebilirim, Helali hoş olsun. Her hangi bir hesaba girip takip etme seçimiyle o hesabı takip edenleri veya hesabın takip ettiklerini rahatlıkla takip edebiliyorsunuz. Beğeni içinse söyleyecek bir...
  • Anonim Misafir

    hocam sadece bizi takip edenleri takipten çıkma seçeneğine ihtiyacımız var.
  • Anonim Misafir

    toplu takip kodunu guncelleyecekmisin
  • Anonim Nebi Garcı

    ssd alacaksanız kesinlikle birleştirmeyin. Birleştirme olur mu ondan da emin değilim ama yani ssd normal diskten kat kat hızlı en azından sistemi ssd ye kurun ki işler hızlı olsun
  • Anonim Misafir

    teşekkur ederim hemen bakıyorum