Загрузка шрифтов Awesome шрифтов - PullRequest
Новая
       6

Загрузка шрифтов Awesome шрифтов

0 голосов
/ 17 января 2019

Я работаю над приложением пользовательского интерфейса с бэкэндом Spring MVC (в Websphere). Это приложение использует библиотеку Prime NG для разработки пользовательского интерфейса (UI).

В Font awesome есть файл .eot, который содержит изображения для отображения в пользовательском интерфейсе, обычно мы разворачиваем этот файл .eot в виде статического содержимого после выполнения ng build, когда загружаем наше приложение в IE, IE пытается загрузить эти файлы во временных файлах Интернета, чтобы изображения могли отображаться в пользовательском интерфейсе.

Но с моей текущей версией IE (IE 11, windows 7) мы видим, что эти файлы не загружаются и из-за этого изображения не отображаются на интерфейсе пользователя. Если мы увидим инструмент разработчика IE, то увидим, что IE пытался загрузить файл, и статус этого вызова GET успешен (200), но ни один файл не загружается и байты загрузки также не соответствуют размеру файла (хотя длина содержимого заголовка ответа показывает правильную длину) , Если я разверну такое же ухо в локальной WebSphere и получу доступ к пользовательскому интерфейсу через IE, это сработает.

Тот же сервер, если мы подключаемся с другой версией IE (IE 11, но последней минорной версией), используя Windows 10, он работает.

Я думаю, что есть некоторая конфигурация соединения, которая не подходит для конкретной версии IE и некоторых серверов. Файл eot не загружен, я вижу, что primeicon.eot также не может загрузить.

Пожалуйста, дайте нам знать, если кто-то сталкивался с этой проблемой, также, пожалуйста, сообщите нам о любых альтернативных способах включения шрифта awesome без файла .eot.

Я пытался добавить foundationtawesome.min.css в index.html, но внутренний браузер снова пытается загрузить файл .eot.

Ответы [ 2 ]

0 голосов
/ 17 января 2019

Вы пытались Нажать Ctrl + F5 на обеих системах? Просто чтобы быть уверенным, что одна система не просто отображает ваши иконки из кэша, и у вас есть общая проблема на ВСЕХ клиентах.

Обычно у fontawesome есть некоторые недостатки в совместимости значков стека, и это выглядит смешанным в некоторых версиях IE.

0 голосов
/ 17 января 2019

возможно конфликты в primeNg и fontawesome связаны с тем, что в прайме ^ 7.0.0 могут использоваться ваши собственные значки

Добавление PrimeNG и PrimeIcons в качестве зависимостей. 

"dependencies": {
  //...
  "primeng": "^7.0.0",
  "primeicons": "^1.0.0"
},

Настройте требуемые стили в разделе стилей. 

"styles": [
  "node_modules/primeng/resources/primeng.min.css",
  "node_modules/primeicons/primeicons.css",
  //...

]

...