Я пытаюсь создать сайт, используя шаблон из HTML5 UP (Arcana). Структура шаблона выглядит следующим образом:
/ активы
/ Активы / KSS
/ Активы / шрифты
/ Активы / JS
/ Активы / дерзость
/index.html
Если ничего не изменять, шаблон работает так, как задумано, и все значки из Font Awesome отображаются правильно ( как здесь ).
Теперь я хочу структурировать свои сайты следующим образом:
/ активы
/ Активы / KSS
/ Активы / шрифты
/ Активы / JS
/ Активы / дерзость
/foo/page.html
/bar/page.html
/index.html
Теперь, когда я открываю /foo/page.html, значки стиля и Font Awesome отсутствуют, потому что ссылки на них перепутаны.
<link rel="stylesheet" href="assets/css/main.css" />
<script src="assets/js/main.js"></script>
Я пытался исправить это так:
<link rel="stylesheet" href="../assets/css/main.css" />
<script src="../assets/js/main.js"></script>
Теперь стиль снова работает, но значки Font Awesome по-прежнему отображаются в виде блоков.
Я также пытался включить Font Awesome так:
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
Однако значки по-прежнему не работают.
Изменение
<a href="#" class="icon fa-twitter"></a>
в
<a href="#" class="icon fa fa-twitter"></a>
тоже не работает.
Обновление : По какой-то причине это не работает в Firefox, но работает в MS Edge без проблем.