title: CSS font-variation-settings not working
body: <p>I'm currently experimenting with variable fonts. My first test was to experiment with the font-variation-settings directive, but it seems that is not working. Both on Codepen:</p>
  
  <p><a href="https://codepen.io/DailyMatters/pen/LrBvmz" rel="nofollow noreferrer">https://codepen.io/DailyMatters/pen/LrBvmz</a></p>
  
  <p>This is my current CSS (it seems like the font is being loaded correctly from dropbox):</p>
  
  <pre><code>@font-face {
    font-family: 'SourceSans';
    src: url('https://www.dropbox.com/s/fmonith639cs931/SourceSansVariable-Roman.ttf') format('truetype');
  }
  
  html {
    font-family: 'SourceSans', sans-serif;
  }
  
  p {
    font-variation-settings: "wght" 999, "wdth" 125;
  }
  </code></pre>
  
  <p>But also on Chrome.</p>
  
  <p>As much as I change the "wght" axis, nothing happens. I did same tests with this same font using @font-face, and it worked on Chrome. Any reason this is not working with font-variation-settings?</p>