Я столкнулся с самой странной проблемой, связанной с Internet Explorer.Мы используем d3 для отображения графика, и у нас есть некоторые значки, отображаемые на графике.Мы используем Office UI Fabric Icons.К сожалению, некоторые значки не отображаются, а некоторые - нет.Например, отображаются значки типа «плюс», «минус» или «шеврон», а более сложные - нет.Чтобы добавить значок к диаграмме, я использую следующий код:
d3selection
.append('text')
.attr('dx', 40)
.attr('dy', 20)
.attr('fill', COLORS.inkLight)
.attr('font-size', 12)
.attr('font-family', 'FabricMDL2Icons')
.style('cursor', 'pointer')
.text('\uE8E3');
и включаю ссылку на таблицу стилей следующим образом:
<link
rel='stylesheet'
href='https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/9.6.1/css/fabric.min.css'
/>
Код работает нормально в Chrome,Firefox и Edge, но не в Internet Explorer.Самым странным является то, что когда я вручную захожу в Developer Tools F12 и снимаю флажок с любого свойства CSS, которое я нахожу в любом месте страницы, значки появляются так, как будто изменение CSS вручную вызывает повторное рендеринг страницы.Я также добавил <meta http-equiv="X-UA-Compatible" content="IE=edge"> в голову, но это не сработало.Любая помощь приветствуется.