NodeBB'de Google font kullanımı

  • Admin

    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:[email protected]&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:[email protected]&display=swap');
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', Helvetica, Arial, sans-serif;}
    



İLGİNİ ÇEKEBİLİR

About

Scanfcode.com CODE WANTS TO BE SIMPLE is an initiative to help the upcoming programmers with the code. Scanfcode focuses on providing the most efficient code or snippets as the code wants to be simple. We will help programmers build up concepts in different programming languages that include C, C++, Java, HTML, CSS, Bootstrap, JavaScript, PHP, Android, SQL and Algorithm.