我正在使用Spring MVC作为后端(在Websphere上)开发UI应用程序。此应用程序使用Prime NG库开发用户界面(UI)。
Font awesome具有.eot文件,其中包含要在UI中显示的图像,通常在将应用程序加载到IE中进行ng生成后,我们会将这个.eot文件作为静态内容部署在耳朵中,IE会尝试下载这些文件放在Internet临时文件中,以便图像可以在UI中显示。
但是使用我当前的IE版本(IE 11,Windows 7),我们看到这些文件没有下载,并且由于这些原因,没有图像显示在UI上。如果我们看到IE开发人员工具,我们可以看到IE尝试下载文件并且该调用的状态为GET成功(200),但是没有下载文件,并且下载字节也没有按照文件大小进行(尽管响应头内容的长度显示正确的长度) 。如果我在本地WebSphere上部署同一个耳朵并使用IE访问UI,那么它确实可以工作。
如果我们使用Windows 10连接不同的IE版本(IE 11,但最新的次要版本),则同一台服务器将起作用。
我认为有些连接配置在特定的IE版本和某些服务器上运行不佳。没有下载任何eot文件,我看到primeicon.eot也无法下载。
如果有人遇到此问题,请告诉我们,也请让我们知道在没有.eot文件的情况下包括超棒字体的任何其他方法。
我试图在index.html中添加fountawesome.min.css,但是内部浏览器再次尝试下载.eot文件。
答案 0 :(得分:0)
primeNg和fontawesome中的冲突可能是因为^ 7.0.0 primeng可以使用您自己的图标
添加PrimeNG和PrimeIcons作为依赖项。
"dependencies": {
//...
"primeng": "^7.0.0",
"primeicons": "^1.0.0"
},
在样式部分配置所需的样式。
"styles": [
"node_modules/primeng/resources/primeng.min.css",
"node_modules/primeicons/primeicons.css",
//...
],
答案 1 :(得分:0)
您是否尝试过在两个系统上同时按Ctrl + F5 ?只是为了确保一个系统不会简单地从缓存中显示您的图标,并且您在所有客户端上都遇到了一般问题。
通常fontawesome在堆栈图标的互操作性方面存在一些缺陷,并且在某些IE版本中看起来有些混乱。