Merhabalar.

Bu yazımda sizlere XenForo’da nasıl yazı tipi eklenir onu göstereceğim. Sitemizdeki yazı tiplerinden sıkıldıysak veya artık yazı tipleri bize standart geliyor alışılmışın dışında bir yazı tipi kullanmak istiyorsanız yapmanız gereken sizlere vermiş olduğumuz adımları takip etmek.

1. Adım: Sitemizde kullandığımız temamızın “exstra.css” şablonunu açıyoruz. Daha sonra şablonumuzun en alt kısmına aşağıda verdiğim kodu ekliyoruz.

/* <----- start FONTS ------->*/
    @font-face {
        font-family: 'ecliptic';
        src: url('./styles/default/xenforo/fonts/ecliptic.eot');
        src: url('./styles/default/xenforo/fonts/ecliptic.ttf') format("truetype"),
                url('./styles/default/xenforo/fonts/ecliptic.woff') format('woff'),
                url('./styles/default/xenforo/fonts/ecliptic.eot?#iefix') format('embedded-opentype'),
                url('./styles/default/xenforo/fonts/ecliptic.svg#ecliptic') format('svg');
        font-style: normal;
        font-weight: normal;
    }
/* <----- END FONTS ------->*/

2. Adım: Sitemizin FTP adresine bağlanıyoruz ve ‘./styles/default/xenforo/fonts/’ yoluna kullanmak istediğimiz Font’un .tff dosyasını yüklüyoruz. Bizim bu yazı için verdiğimiz örnek yazı tipi “ecliptic”

3. Adım: Yazı tipini yükleme işi tamamlandıktan sonra exstra.css şablonunda 1. adımda eklediğimiz kodun altına yine aşağıda vermiş olduğum kodu ekliyoruz.

/* <----- Títulos de nodo ------->*/
  
.node .nodeTitle
{
    font-family: 'ecliptic' !important;
}
  
.node .unread .nodeTitle
{
    font-family: 'ecliptic' !important;
}
  
.node .nodeDescription
{
    font-family: 'ecliptic' !important;
}
  
.nodeList .categoryStrip .nodeTitle
{
    font-family: 'ecliptic' !important;
  
}
  
  
/* <----- Fin de títulos de nodo ------->*/

Burada dikkat etmemiz gereken nokta biz ‘ecliptic’ yazı tipini kullandığımızdan dolayı yukarıda verdiğim kod da ‘ecliptic’ yazdık siz kullanmak istediğiniz yazı tipini yazmalısınız.

Son olarak exstra.css kaydedip kapatıyoruz ve işlemimiz tamamlanmıştır. Artık yeni yazı fontlarınızı dilediğiniz gibi kullanabilirsiniz.