Home>Support>Adding new font

Adding new font

By wlacho, 9 years ago. Last reply by Magus, 9 years ago.

Hi, I would like to try some fonts which are not in the font bundle theme provides. What is the process? I would like to affect Body font and Heading Font. I have font called Frenchpress as OpenType file (filename Frenchpress_freefont.otf).
I suppose I have to upload it somewhere via ftp and then drop some code in the custom CSS field?

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, 2 months ago Magus
    Hi, I Work Here

    Hi Wlacho

    You are correct, but only having the single file type means that the font will not work on all browsers. To include it in the site please create a sub directory called fonts in your wp-content/themes directory and upload your font file there.

    Then navigate to Appearance->Custom CSS and add the following

    @font-face {
    font-family: FrenchPress;
    src: url("/wp-content/themes/fonts/Frenchpress_freefont.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}
body, h1, h2, h3, h4, h5, h6 {
    font-family: FrenchPress;
}

    Let us know how you get on

    Magus

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