在 IE/Edge 字体支持中要测试哪个功能？

Question

对于一个在线演示（项目），我想假装一个 LCD 显示器。我找到了一个很好的 7 段字体 https://fontlibrary.org/en/font/segment7 。它的一个特点是小数点使用某种 "negative kerning"（或字母间距，请原谅我缺乏术语），因此它在视觉上属于前一个数字。这是期望的行为。

但是，此行为仅适用于 FF 和 Chrome，不适用于 Edge/IE（参见 https://jsfiddle.net/jan_koupil/o1c8srt1/2/)

@import url(//fontlibrary.org/face/segment7);
#display {
  font-family: 'Segment7Standard', sans-serif;
  font-size: 30px;
  border: 1px solid black;
  padding: 3px 5px 1px;
  width: 142px;
  text-align: right;
}
…
<div id="display">8.8.8.8.8.8.8.8.</div>

对于这些浏览器，我需要将字体切换为不同的变体，或者至少减小字体大小以适应固定大小的显示 DIV。我的麻烦是每个人都建议测试功能，而不是浏览器版本，但我不知道要测试哪个功能。

Answer 1

这可能是因为 Internet Explorer 中缺少字距调整。请参阅 this answer，了解如何显式地将字距调整添加到 IE 的文本呈现中。您还可以检查其他 Opentype 功能以及如何通过 CSS.

激活它们

在 IE/Edge 字体支持中要测试哪个功能？

Which feature to test in IE/Edge font support?

css

fonts

internet-explorer

webfonts

microsoft-edge