NodeBB Özel Font (Custom Font) ekleme

NodeBB
  • Daha önce NodeBB’de Google Font kullanımını nasıl olacağını bu konuda anlatmıştım. Şimdide NodeBB yazılımında özel font kullanımını anlatacağım.

    İlk olarak kullanmak istediğimiz font Woff2 formatında olmalı. Eğer elinizdeki font Woff2 formatında değil ise bu siteden fontu Woff2 formatına çevirebilirsiniz.

    Artık NodeBB’de kullanacağınız custom font woff2 formatında hazır olduğuna göre bu fontu NodeBB’nin kurulu olduğu dizinde nodebb/public/uploads/system system klasörünün içine yükleyebiliriz.

    Şimdi Admin Panel > Görünüm > Özelleştirilmiş içerik (HTML / CSS / JS) sekmesine tıklayın.

    Örneğin museo fontunu kullanmak isterseniz eklemeniz gereken kod aşağıdaki gibi olur. Bu başlıkları yüklediğiniz özel font yapar.

    @font-face {
      font-family: 'museo';
      src: url(/uploads/system/museo.woff2) format('woff2');
    }
    
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-family: museo, sans-serif;
    }
    

    Eğer content alanı için ayrı bir font kullanmak isterseniz benzer şekilde o fontuda woff2 formartına çevirip system klasörüne atın ve ardından aşağıdaki kodu ekleyin.

    @font-face {
      font-family: 'museo';
      src: url(/uploads/system/museo.woff2) format('woff2');
    }
    
    body {
        font-family: museo, sans-serif;
    }
    

    ⚠ Yukarıdaki kodlarda museo yazan yere kendi fontunuzun adını yazın.


Benzer konular