Home>Support>Changing font via CSS

Changing font via CSS

By LeeSR7, 9 years ago. Last reply by LeeSR7, 9 years ago.

Hello!
I’m a Vantage premium user and I love it. I know there’s a whole load of fonts available in the Theme Customization menu but I work in a school and need to make the site font Comic Sans. How would this be done through CSS? I know it’s probably a simple thing…!
Thanks

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi LeeSR7

    Add the following under Appearance > Custom CSS, should do the trick:

    /* Body */
    
    body,button,input,select,textarea {
    	font-family: "Comic Sans MS", cursive, sans-serif;
    }
    
    /* Site Title Font */
    
    header#masthead h1 { 
    	font-family: "Comic Sans MS", cursive, sans-serif;
    }
    
    /* Heading Font */
    
    h1,h2,h3,h4,h5,h6 { 
    	font-family: "Comic Sans MS", cursive, sans-serif;
    }
    
  2. 9 years, 8 months ago LeeSR7

    Brilliant. Thanks a lot :-)

  3. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    For sure :)

  4. 9 years, 7 months ago LeeSR7

    Hello! For some reason this code stopped working. I’ve re-entered it into the Custom CSS and it still doesn’t seem to be working. I’ve checked through the information and it is exactly as written above. Can you advise?
    Thank you.

    • 9 years, 7 months ago LeeSR7

      I’ve now fixed this issue. Sorry!

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More