6,142
or
6,142
.container1 .lining { font-variant-numeric: lining-nums; } .container1 .oldstyle { font-variant-numeric: oldstyle-nums; } .inactive .container1 * { font-variant-numeric: normal; }
<div class="container container1"> <p><span class="lining">6,142</span> or <span class="oldstyle">6,142</span></p> </div>
Numeric active
6,142
or
6,142
.container2 .lining { font-feature-settings: 'lnum' 1; } .container2 .oldstyle { font-feature-settings: 'onum' 1; } .inactive .container2 * { font-feature-settings: 'lnum' 0, 'onum' 0; }
<div class="container container2"> <p><span class="lining">6,142</span> or <span class="oldstyle">6,142</span></p> </div>
Numeric active