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

时间:2017-01-09 07:38:50

标签: css internet-explorer fonts microsoft-edge webfonts

对于在线演示(项目),我想摆出一个LCD显示器。我找到了一个很好的7段字体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。我的麻烦是每个人都建议测试功能,而不是浏览器版本,但我不知道要测试哪个功能。

1 个答案:

答案 0 :(得分:0)

这可能是由于Internet Explorer中缺少字距调整。有关如何为IE的文本呈现显式添加字距调整,请参阅this answer。您还可以检查其他Opentype功能以及如何通过CSS激活它们。