Home>Support>Font in main menu – not google font

Font in main menu – not google font

By P P, 7 years ago. Last reply by Andrew Misplon, 7 years ago.

Hi Andrew,

I have opened a thread about this topic: 54925. Is better to open a new one?

Because of some reasons I need to change again the menu and site titles/headers font style.

The font would be “Berlin_Sans_FB_Demi”.

As I have checked and these are not google fonts. Is it possible to use in Vantage theme, anyway? Will it be visible on other computers?

Thanks for your help in advance.

URL: http://www.compleatadvice.com

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

  1. 7 years, 11 months ago Andrew Misplon Hi, I Work Here

    Hi P P

    Sorry if I’ve missed you. We’re beyond capacity at the moment, I’m doing our best to get us caught up but we’re not there yet.

    If you own this font you’d need to turn it into a web font using Font Squirrel: http://www.fontsquirrel.com/tools/webfont-generator. Unless this font company can provide the web font.

    Once you have your webfont and have uplaoded it your server you’d use something like the below under Appearance > Custom CSS. This example is for Proxima Nova:

    @font-face {
        font-family: 'proxima_nova_altlight';
        src: url('http://www.domain.com/wp-content/themes/vantage/fonts/proximanova/proximanova-webfont.eot');
        src: url('http://www.domain.com/wp-content/themes/vantage/fonts/proximanova/proximanova-webfont.eot?#iefix') format('embedded-opentype'),
             url('http://www.domain.com/wp-content/themes/vantage/fonts/proximanova/proximanova-webfont.woff') format('woff'),
             url('http:/www.domain.com/wp-content/themes/vantage/fonts/proximanova/proximanova-webfont.ttf') format('truetype'),
             url('http://www.domain.com/wp-content/themes/vantage/fonts/proximanova/proximanova-webfont.svg#proxima_nova_altlight') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    body { font-family: 'proxima_nova_altlight' !important; }
    

    Hope that helps get you started.

  2. 7 years, 11 months ago P P

    Hi, thanks for your help! Unfortunately it can not be a webfont. I will check new fonts, thanks anyway!

    Merry Christmas to you!

  3. 7 years, 11 months ago Andrew Misplon Hi, I Work Here

    For sure. Hope you find something you like.

    All the best.

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