İçeriğe atla

NodeBB'de Google font kullanımı

NodeBB
  • NodeBB forumunda yazı ve başlıklar için ayrı ayrı Google font kullanılabilir. bunun için kullanmak istediğini fontu Google Fonts adresinden bulun.

    Örneğin Roboto Fontunu kullanmaya karar verdiniz.

    google-font.jpg

    Remove This Style butonuna tıklayın. Yandan bir bölme açılacak buradan da @import sekmesine tıklayın. ve sadce aşağıdaki bölümü kopyalayın.

    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
    

    Admin Panelde Görünüm > Özelleşmiş İçerik (HTML / CSS) menüsüne tıklayın. Aşağıdaki örnekte content alanı için Quicksand, başlıklar için Poppins font kullanımı gösterilmiştir. Sizde Google Fonts sitesinden kullanmak istediğiniz fontun adresini yazmanız yeterli.

    #yazi tipleri icin
    @import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
    body {
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    }
    
    #basliklar icin;
    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', Helvetica, Arial, sans-serif;}
    

Benzer konular