Bu yazımda sizlere XenForoda 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 Fontun .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.
(