Discourse harici/özel font kullanımı

  • Admin

    Discourse’de başlık ve içerikler için ayrı ayrı özel fontlar kullanabilir. Bunun için elinizde bulunan fontun woff2 formatında olması gerekiyor.

    Bu siteden elinizde bulunan herhangi bir formattaki fontu woff2 formatına çevirebilirsiniz.

    Şimdi diyelim ki comic sans fontunu içerik yazı tipi olarak kullanacaksanız bu fontu woff2 formatına çevirdikten sonra Discourse panelinde tema bileşeni olarak yükleyeceksiniz. Ardından yine fontu yüklediğiniz temanın harici CSS/HTML ekleme bölümüne gelip aşağıdaki kodu ekleyeceksiniz.

    @font-face {
      font-family: Comic-Sans;
      src: url($Comic-Sans) format('woff2')
    }
    
    body {
        font-family: Comic-Sansi, Helvetica, sans-serif;
        font-size: 15px;
    }
    

    Benzer şekilde başlıklar içinde aşağıdaki kodu kullanabilirsiniz.

    @font-face {
      font-family: Comic-Sans;
      src: url($Comic-Sans) format('woff2')
    }
    h1, h2, h3, h4, h5 {
        font-family: Comic-Sans, Helvetica, sans-serif;
    }
    

    Discourse’de Google Font Kullanımı

    Eğer Google font kullanmak isterseniz içerik yazı tipi için,

    @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
    body {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    }
    

    Kodunda Roboto yazan yere kullanmak istediğiniz fontun adını yazmanız yeterlidir.

    Google font kullanımı ile alakalı detaylı anlatım için bu konuya bakabilirsiniz.


Benzer Konular