Question

我遇到的问题是我正在处理的项目只在Firefox中将TM字母一起呈现在上标中。这是一个让您看到问题的jsfiddle：https://jsfiddle.net/2aLp0zbc/1/

我不知道这是一个浏览器错误还是一个损坏的字体文件（在我测试过的所有其他浏览器中都能正常工作），或者我是否遗漏了其他东西。对于任何反馈，我们都表示感谢。

@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

据我所知，它并没有把它放在上标中，而是用TM代替TM。非常奇怪，但很可能是字体中ligatures出错了。

要解决此问题，您可以将其添加到您的css：

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

请注意，这可能会影响字体中的其他连字。

Answer 2

我认为您的字体文件会发生一些变化。当我将字体更改为Arial时，TM恢复正常。

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

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

Nimbus Sans L仅在Firefox中使用上标提示TM ...浏览器错误？

2 个答案: