title: Can't set font-weight on Google Fonts
body: <p>This question has been asked quite a number of times, but none of them works for me. For example:</p>
  
  <ul>
  <li><a href="https://stackoverflow.com/questions/31255245/google-fonts-font-weight-of-100-is-not-working">Google fonts font-weight of 100 is not working</a>. (I don't have the font I want to use already in my system.)</li>
  <li><a href="https://stackoverflow.com/questions/38153600/why-is-google-font-weight-not-working">Why is google font weight not working?</a>. (I'm not using it in a heading, just a regular paragraph.)</li>
  </ul>
  
  <p>I used Google Fonts with the <code>@import</code> like so:</p>
  
  <pre><code>@import url('https://fonts.googleapis.com/css?family=Rubik');
  
  body {
      font-family: 'Rubik', sans-serif;
  }
  </code></pre>
  
  <p>The typeface shows up, but I can't do anything with the weight. The <code>&lt;strong&gt;</code> tags aren't displayed bold. The <code>font-weight</code> property in the CSS isn't working. Not even overriding it in browser's inspector changes anything.</p>
  
  <h2>Update</h2>
  
  <p>The thing seems to only work on Gecko-based browsers, like Firefox.</p>