font-feature-settings property with tnum - not working
<p>With reference to this <a href="https://stackoverflow.com/questions/26212555/how-to-access-proxima-nova-tabular-figures-on-a-webpage">post</a>, I tried using <code>font-feature-settings</code> CSS property for changing the <strong>Proxima Nova</strong> font styles to support tabular format for numbers. My element will be like</p>
<pre><code>&lt;a class=&quot;test&quot;&gt;1111&lt;/a&gt;
&lt;a class=&quot;test&quot;&gt;876&lt;/a&gt;
</code></pre>
<p>and my CSS declaration will be like</p>
<pre><code>.test {

-moz-font-feature-settings:&quot;tnum&quot; 1; 
-ms-font-feature-settings:&quot;tnum&quot; 1; 
-o-font-feature-settings:&quot;tnum&quot; 1; 
-webkit-font-feature-settings:&quot;tnum&quot; 1; 
font-feature-settings:&quot;tnum&quot; 1;

}
</code></pre>
<p>But still my output doesn't look as expected. It's something looks like the old:</p>
<p><img src="https://i.stack.imgur.com/1zNci.png" alt="Screenshot After CSS Fix" /></p>
<p>What can be the perfect fix for this?</p>