Forum Discussion

SarahWilkins968's avatar
SarahWilkins968
Community Member
13 days ago

Fonts

How do I change fonts in the add code block?

4 Replies

  • EricaHunter's avatar
    EricaHunter
    Community Member

    You can call webfonts in CSS without an issue. We use Open Sans and use Verdana for activities:

        body {
          font-family: Verdana, sans-serif;
          font-size: 1.1rem;
          margin: 0;
          padding: 1rem;
          background-color: white;
          color: #333;
        }

    I asked Copilot what the best webfont for Open Sans. I think it looks pretty decent:

     

  • KristaM's avatar
    KristaM
    Community Member

    Is there any way to have the block inherit the course's theme font, particularly if that font is a custom upload?

  • Thank you. I'm not doing the zip option, just adding the code straight in. The problem is it's not a google font, is there any other way for a non google font? 

     

  • Madelayne's avatar
    Madelayne
    Community Member

    Hi Sarah, 

    You would need to add it in with css, for example like explained here CSS Google Fonts

    or if using the zip file option, you can add the fonts into there and reference them in your css.