При загрузке на сервер иконки-шрифт выглядят квадратными, только если я удаляю all.js из папки проекта

Question

Шрифт awesome загружается из локально сохраненных файлов.

Шрифт awesome прекрасно загружает значки на локальном сервере (с удаленным файлом all.js), но не загружается при развертывании на сервере.При развертывании на сервере анимация по-прежнему происходит, но значки отсутствуют.Я, честно говоря, не совсем уверен, что делает файл js, и почему это не имеет значения на моем локальном компьютере, есть ли файл там или нет.

Я включаю файл css в заголовок:

<link rel="stylesheet" type="text/css" href="node_modules/@fortawesome/fontawesome-free/css/all.css" />

javascript Я комментирую:

<script src="node_modules/@fortawesome/fontawesome-free/js/all.js"></script>

Answer 1

Действительно ли эти ресурсы в node_modules выдвигаются вашим веб-сервером?

В некоторых средах node_modules игнорируются (например, .gitignore). Так можете ли вы подтвердить, что файл all.css на самом деле находится там, где вы ожидаете его находиться на веб-сервере? Я также хотел бы проверить активность сети при загрузке страницы, например, на вкладке сети в Google Chrome DevTools, чтобы определить, правильно ли загружается этот all.css. Скорее всего, это не так.

Что касается all.js и all.css: это две разные технологии. Шрифт Awesome 5 доступен как или"Веб-шрифты с CSS" (all.css) или "SVG с JavaScript" (all.js). Таким образом, вы должны выбрать один из них - в соответствии с вашими потребностями или предпочтениями - но не оба.