Question

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

Answer 1

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",
  //...

]，

Answer 2

您是否尝试过在两个系统上同时按Ctrl + F5 ？只是为了确保一个系统不会简单地从缓存中显示您的图标，并且您在所有客户端上都遇到了一般问题。

通常fontawesome在堆栈图标的互操作性方面存在一些缺陷，并且在某些IE版本中看起来有些混乱。

字体真棒字体下载问题

2 个答案: