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

Question

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

但是，此行为仅适用于 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 激活的。