ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• October 23, 2016 at 8:53 pm #298175
  Jeff54

  Member

  Post count: 24

  Hi,

  If I have a Google Webfont https://fonts.google.com/specimen/Fira+Sans that’s not in the dropdown (Theme options -> Font Options -> Standard Google Font. How do I import it?

  Adding this @import “https://fonts.googleapis.com/css?family=Fira+Sans”; to the custom css doesn’t work…

  I Hope you can help me out.

  Best wishes,

  Roy

  October 25, 2016 at 10:45 am #298500
  David Martin – Support

  Moderator

  Post count: 20834

  Hi Roy,

  The import rule would be:

  @import url('https://fonts.googleapis.com/css?family=Fira+Sans');

  Then you would use this CSS also to add the font family to various fonts, ex h1:

  h1 {
  font-family: 'Fira Sans', sans-serif;
  }

  To add the font, you will need to modify the theme, open /themes/dante/includes/options/fields/google_webfonts/jquery.fontselect.js and locate the last font item, 'Zeyada:400'

  Replace that with this:

  'Zeyada:400',
  'Zeyada:400',
  'Fira Sans:300',
  'Fira Sans:400',
  'Fira Sans:500',
  'Fira Sans:700'

  October 25, 2016 at 4:09 pm #298586
  Jeff54

  Member

  Post count: 24

  Thank you David for your help!! It helped me and it’s a nice reference for in the future.
  Cheers Roy

  October 25, 2016 at 4:10 pm #298587
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  No problem. Thanks David
  -Rui

• Back to forum

  Posted in: Dante