title: Open Sans font weight cannot go lighter
body: <p>Here's the font style I'm trying to copy. It is the Open sans font family, font size 14px, font-weight 300
  <a href="https://i.stack.imgur.com/QeeYt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QeeYt.png" alt="enter image description here" /></a></p>
  <p>And here's what I have achieved so far. Don't mind the spacings, but the font style I applied here is the same as above. But as you can see, my main problem here is the font weight being bolder, it doesn't look like font-weight:300 just like my above example</p>
  <p><a href="https://i.stack.imgur.com/Hu8zr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Hu8zr.png" alt="enter image description here" /></a></p>
  <p>I'm not sure what's happening here. By the way the orig site I'm trying to copy the font style is based on bootstrap and the current I'm working on is on buefy or bulma.</p>
  <p>So if I try to set the font weight it can only apply the sizes 600 and 800. I aim to set it to 300 so that it should look like the same as the site I'm copying.</p>
  <p>I also tried buefy/bulma typography class helpers(has-text-weight-light, has-text-weight-bold)  but it can only get bold and not lighter. I've also read about importing open sans font coming from google fonts and I'd just select the font weights that I want, but I have not done so yet since I'm trying to preserve what's already in the code, I don't see any importing of fonts here in our codebase as far as I know of, but open sans work fine, just not the font-weights.</p>