Home>Support>Fonts do not work in Vantage Premium Theme

Fonts do not work in Vantage Premium Theme

By fonlos, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Dear Siteorigin-Team,
since yesterday (probably after plugin-update ? but no one had to to with the theme) the fonts do not work on www.fonlos.de. We use Helvetica Neue.
Could you please fix this bug as soon as possible??
Kind regards,
fonlosĀ®-Team

URL: http://www.fonlos.de

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, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hi team

    The offending plugin is FormGet Contact Form. At some point they are saying:

    * {
        font-family: 'Source Sans Pro';
    }
    

    Not ideal.

    If you need to keep using this plugin then please, try the following at Appearance > Custom CSS:

    body, button, input, select, textarea {
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
    }
    
  2. 9 years, 4 months ago fonlos

    Dear Andrew,

    thank you very much for your reply.
    I copy/pasted the code into custom css; unfortunately it does not work. Could you have a look one more time?
    Besides this I forwarded your Mail to a support member of Formget. Maybe they can fix the bug, what do you think?

    Kind regrads,
    Ludmila

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

    Let’s try the following in Custom CSS. Remove our previous rule.

    * {
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
    }
    

    Thanks :)

  4. 9 years, 4 months ago fonlos

    it works! thank you very much!!!
    regards, fonlos-team

  5. 9 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad that did the trick :)

    All the best.

  6. 9 years, 4 months ago fonlos

    Aaaah Sorry, now the icons (in the template and wordpress) have a problem! Please have a look at http://www.fonlos.de

  7. 9 years, 4 months ago Magus
    Hi, I Work Here

    Hi Fonlos

    Please add this to your custom CSS

    .fa {
        font-family: FontAwesome !important;
    }
    

    Thanks

    Magus

  8. 9 years, 4 months ago fonlos

    Hi Magnus,
    i tried it. The icons work again, but the font problem still exists!

  9. 9 years, 4 months ago fonlos

    respectively, (sorry my fault) both codes together solve the font problem and the circle icons. But the wordpress-Icons (in the admin-menu above) and the search-icon is still missing.

  10. 9 years, 3 months ago Magus
    Hi, I Work Here

    Hi Fonlos

    Please try adding the following

    /*Search Icon*/
    [class^='vantage-icon-'], [class*=' vantage-icon-'] {
        font-family: "vantage-icons" !important;
    }
    

    The wordpress icons should not have been affected.

    Would it be possible for you to create a temporary account for us so we can log in and take a look? You can create the account with the following email address:

    [email protected]

    Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.

    Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.

    Thanks

    Magus

  11. 9 years, 3 months ago fonlos

    Did you get the e-Mail?
    I added the last code: the search-icon is visible now, but the icons in the wordpress-frame above ist still broken.

  12. 9 years, 3 months ago fonlos

    The menu-icon of the mobile version (collapsing menu) is broken as well.

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

    Hi fonlos

    This, unfortunately, all relates back FormGet Contact Form. My original fix then broke other Vantage elements like the icons. Moving over to another form plugin would be first prize.

    If you’d like to try fix the mobile menu icon issue try the following:

    .mobile-nav-icon {
      font-family: 'FontAwesome' !important;
    }
    
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