Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

Tags:

html

css

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';
}
like image 868
Kevin Avatar asked Oct 19 '22 01:10

Kevin


1 Answers

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.

like image 75
joshhunt Avatar answered Oct 22 '22 00:10

joshhunt