Watermark Theme: having trouble with font family and font weight

• 

  azurajia · Member · Apr 6, 2017 at 5:45 pm

  • Copy link
  • Add topic to favorites

  Hi there (:

  I’m on Premium Plan at the moment.

  I used the following code to set the site description and the text of posts / portfolio project to Proxima Nova (size 17, weight 300).

  .wf-active .entry-content {
  		font-family: proxima-nova, sans-serif;
  	font-style: normal;
  	font-weight: 300;
  	font-size: 17px;
  }

  The result was everything I want except that it shows sans-serif, not Proxima Nova. I’m a bit confused, since Proxima Nova appears just fine elsewhere on my website.

  Could someone let me know how to compose the code correctly to achieve Proxima Nova (size 17, weight 30) in my site description and post / portfolio project text?

  Thank you!

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

• 

  azurajia · Member · Apr 6, 2017 at 5:49 pm

  • Copy link

  I’m aware that Proxima Nova and Sans serif look a lot similar… but it keeps haunting me when I know that it’s Sans serif not Proxima Nova…

  Someone help me!

• 

  azurajia · Member · Apr 6, 2017 at 7:58 pm

  • Copy link

  Okay so far I’ve found some pattern. The same problem seems to appear everywhere Base Font applies, i.e. I first set the Base Font (customize panel -> Font) to be Proxima Nova, however, I can not change font weight to 300 simply by using code like the following:

  .wf-active .entry-content {
  	font-weight: 300;
  	font-size: 17px;
  	letter-spacing: .5px;
  }

  This is used for post / portfolio project text, and somehow affects the site description… It does not work for changing font weight.
  * site description is the text saying “My name is Azura Jia. Here at my…” on the homepage

  In order to change font weight, I tried out another method, using the following code:

  .wf-active .entry-content {
  	font-family: proxima-nova, sans-serif;
  	font-style: normal;
  	font-weight: 300;
  	font-size: 17px;
  	letter-spacing: .5px;
  }

  This code, in addition to the first one, has font family and font style defined.
  This time it does change front weight, but the font is no longer Proxima Nova. It becomes Sans serif, which is slightly narrower than Proxima Nova.

  I also tried out several other fonts. Seems that when it remains in the first font family, the font weight somehow does not work; when the font weight works, it goes to the last font family that I want.

  Is there some way to keep both the font weight and the correct font family?

  Thank you again!