title: Old-style figures ("onum") not working in Chrome
body: <p>Using the <em>old-style figures</em> OpenType feature with <code>font-feature-settings: "onum"</code> is not working in Chrome. It works in all other major browsers, such as Safari for Mac and iOS, and Firefox.</p>
  
  <p>How can one activate <em>old-style figures</em> in a web font that will also work in Chrome?</p>
  
  <hr>
  
  <p><img src="https://i.stack.imgur.com/GjWKF.png" alt="OpenType figures"></p>
  
  <hr>
  
  <p>Here is an example:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@font-face {
    font-family: "Garamond Premier Pro Display";
    font-weight: 700;
    font-style: normal;
    font-feature-settings: "onum"; /* Activate oldstyle figures */
    src: url("https://use.typekit.net/af/6abdec/00000000000000003b9ade3b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&amp;fvd=n7&amp;v=3") format("woff2")
  }
  
  html, body { height: 100% }
  
  body {
    display: grid;
    place-items: center
  }
  
  h1 { font: 700 calc(9rem / 2)/1 "Garamond Premier Pro Display" }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h1&gt;1776&lt;/h1&gt;</code></pre>
  </div>
  </div>
  </p>