在服务器上部署时，Primeng图标不会出现在IE11中

Question

我正在研究Angular项目，并将PrimeNg用于许多组件。

在所有浏览器（IE11，Chrome）中本地运行时，该项目均能正常运行。但是，当我在服务器（Linux）上部署项目时，primem图标不会被渲染。

我做了一些研究，看来primng css文件（参见下文）中定义的CSS实体并未加载到服务器上的IE11中。

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

我已在Index.html

中添加了这一行

<meta http-equiv="X-UA-Compatible" content="ie=edge">

并更新了polyfills.ts

** IE9, IE10 and IE11 requires all of the following polyfills. **/
    import 'core-js/es6/symbol';
    import 'core-js/es6/object';
    import 'core-js/es6/function';
    import 'core-js/es6/parse-int';
    import 'core-js/es6/parse-float';
    import 'core-js/es6/number';
    import 'core-js/es6/math';
    import 'core-js/es6/string';
    import 'core-js/es6/date';
    import 'core-js/es6/array';
    import 'core-js/es6/regexp';
    import 'core-js/es6/map';
    import 'core-js/es6/set';

任何建议将不胜感激。

Answer 1

我看到您提到“ primeng css文件（如下所示）未在服务器上的IE11中加载”。

在以下thread - Github

中我找到了一些解决方法或建议

1. 请检查另一台计算机或重置IE设置以及组策略限制。

2. 检查您的IE安全设置，它必须允许/启用字体下载。

希望这会有所帮助。