• 04-09-2012, 21:42:40
    #1
    WordPress site kurarken özellikle premium tasarım kullandığınız durumlarda, yazı fontu pek hoşunuza gitmeyebilir ya da bazı kısımlarda biraz daha farklı bir font kullanmanız gerekebilir.

    Bu durumlarda yeni bir font bulmalı ve bunu temaya uyarlamalısınız. Direk font adını yazarsanız, çalışmayacaktır; çünkü font dosyalarına ihtiyaç duymaktasınız.



    WordPress sitede yazı fontunu nasıl değiştirebiliriz?

    Öncelikle internet üzerinden bir font bulmalı ve dosyasını indirmeliyiz, muhtemelen ttf uzantılı bir dosya indireceksiniz. Font bulmak konusunda da www.dafont.com adresini kullanabilirsiniz.

    Ardından http://www.fontsquirrel.com/fontface/generator adresine girerek, ADD FONT diyerek fontumuzu yüklüyoruz, ücretsiz olan sürümü seçtikten sonra, yükleme tamamlanacak ve ardından Download butonu aktif olacaktır.

    Bize bir zip dosyası verecek, bu dosyayı klasöre çıkartarak, hedef tema dosyamız içerisinde bir font klasörü açıp, içerisine dosyaları atacağız.

    Daha sonra style.css dosyamız içerisinde en alta aşağıdaki kodları yapıştırmalı ve font adresi kısmını düzenlemeliyiz. Ben doğrudan url adresini yazdım, siz de aynı şekilde yapabilirsiniz.

    @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;}
    Daha sonra değiştirmek istediğiniz kısımın css dosyası içerisinde hangi satırda olduğunu tespit etmeli ve ardından font ismini değiştirmelisiniz. Eğer tüm sitedeki font dosyası değişsin derseniz, notepad++ ile açabilir ve CTRL + H fonksiyonunu kullanarak eski font isminizi gördüğünde yeni font isminizi yazdırabilirsiniz. Böylece tek hamlede tüm sitenin font karakterini değiştirmiş olacaksınız.

    Genellikle font belirleme şablonu şu şekilde olacaktır..

    #başlıklar {font-family: ‘fontumuz’ font-size: 3px }
    Belirli satırların css dosyasında nerede tanımlı olduğu konusunda başka bir yazı hazırlayacağım, takip etmeye devam ediniz

    Bu yazı "WordPress Siteye Font Ekleme" başlığı altında http://www.5sey.com sitesi için hazırlanmıştır.
  • 06-09-2012, 14:21:06
    #2
    Çok teşekkür ederim dostum. Sağ olasın.
  • 06-09-2012, 15:58:29
    #3
    Güzel anlatmışsın