字体真棒字体下载问题

时间:2019-01-17 18:34:38

标签: angular font-awesome primeng

我正在使用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文件。

2 个答案:

答案 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版本中看起来有些混乱。