I'm having a problem where the project I'm working on renders the letters TM together always in superscript only in Firefox. Here is a jsfiddle that lets you see the problem in action: https://jsfiddle.net/2aLp0zbc/1/
I don't know if this is a browser bug or a corrupted font file (works fine in all the other browsers I've tested) or if I'm 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';
}
As far as I can tell it's not putting it in superscript, it's replacing TM with the ™ character. Very strange but most likely something wrong with the ligatures in the font.
To fix it you can add this to your css:
font-variant-ligatures: no-common-ligatures;
Note that this might effect other ligatures in the font.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With