Italics appear when changing font family in CSS

• 

  politicaledgedotcom · Member · Apr 11, 2017 at 1:50 pm

  • Copy link
  • Add topic to favorites

  I’ve used CSS to change the family font for the site. It works fine for paragraphs, but when I change it for headings, parts of the site appear in italics (top menu, sentence under section untitled ‘Latest’, credits at the bottom).
  The CSS I’ve used is as follows:
  h1(2,3,4..) {
  font-family: montserrat;
  }
  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  otpidusprime · Member · Apr 11, 2017 at 2:04 pm

  • Copy link

  Hello @politicaledgedotcom,
  It happening because they are currently set to the proxima-nova-1 font which is an italic font by default. So what you can do is try to change the base font from the site customizer.

  Or just edit this CSS:

  .wf-active body {
      font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
      font-size: 20.8px;
  }

  to change the font-family, like this:

  .wf-active body {
      font-family: "Montsterrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 20.8px;
  }

  Hope this helps :)