要在IE/Edge字體支持中測試哪些功能？

對於在線演示（項目），我想假裝LCD顯示器。我發現一個罰款7段字體https://fontlibrary.org/en/font/segment7。其中一點是小數點使用某種「負偏移」（或字母間距，請道歉我缺乏術語），因此它在視覺上屬於以前的數字。這是期望的行爲。要在IE/Edge字體支持中測試哪些功能？

然而，這種行爲只能在FF &的Chrome，而不是在邊緣/ 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。我的麻煩是，每個人都建議測試功能，而不是瀏覽器版本，但我不知道要測試哪個功能。

來源

2017-01-09 Jan Koupil

這可能是由於在Internet Explorer中缺少字距。請參閱this answer關於如何顯式地將字距添加到IE的文本呈現中。您也可以查看其他Opentype功能以及如何通過CSS激活它們。

來源

2017-01-12 08:43:01 kontur

謝謝，明確加了字距有助於。但是，總的來說，我仍然不確定，如何測試支持並優雅地降級。 –

要在IE/Edge字體支持中測試哪些功能？

回答

相關問題