Nimbus Sans L rendering TM in superscript in Firefox only ... browser error?

Question

I have a problem where the project I'm working on displays TM letters together always in the add-in only in Firefox. Here is the jsfiddle that lets you see the problem in action: https://jsfiddle.net/2aLp0zbc/1/

I don't know if this is a browser error or a damaged font file (works fine in all other browsers I tested), or if I am missing something else. Any feedback would be appreciated.

@font-face { font-family: 'NimbusSansL'; src: url('https://dl.dropbox.com/s/8u7missp60h2c32/nimbus-sans-l_regular-webfont.woff2?dl=1') format('woff2'); font-weight: normal; font-style: normal; -webkit-text-stroke: 1px rgba(0,0,0,0.1) } body { font-family: 'NimbusSansL'; } 

Answer 1

As far as I can tell, without putting it in a superscript, it replaces TM with a ™ symbol. Very strange, but most likely something is wrong with the ligatures in the font.

To fix this, you can add this to your css:

 font-variant-ligatures: no-common-ligatures; 

Please note that this may affect other font ligatures.

Answer 2

I think something is happening with your font file. when I change the font to Arial, TM returns to normal.

https://jsfiddle.net/2aLp0zbc/7/

 body { font-family: arial, 'NimbusSansL'; }