font-feature-settings : 'tnum' , 'lnum' : Not Working

489 Views Asked by At

I am trying to use font-feature-settings: 'tnum' on, 'lnum' on; style on a custom font, but I am unable to see any visible effect of this property on the font.

Moreover, in my JSFiddle snippet, I am getting css compile error

"Expected no more than 1 declaration"

  1. Is this css font-feature-property correct?
  2. Is there any specific css property which is needed for this to take effect?
1

There are 1 best solutions below

1
On

Don't add "on"; just list the features.

font-feature-settings: 'tnum', 'lnum'

See the CSS Fonts Module for details and examples.