Я пытаюсь использовать значки шрифта Awesome с моим приложением JSF. У меня был некоторый успех, следуя начинающим инструкциям и добавив следующее в мой раздел <h:head>
:
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css"
rel="stylesheet" />
Это дает мне хороший значок дома, когда я использую класс icon-home
:
Однако я не хочу зависеть от сервера начальной загрузки, чтобы предоставить ресурсы Font Awesome, поэтому я пытаюсь связать их с моей войной и настраивать свои представления для использования связанных ресурсов.
Я использую готовый JAR, созданный webjars. Мой pom имеет следующую зависимость:
<dependency>
<groupId>org.webjars</groupId>
<artifactId>font-awesome</artifactId>
<version>3.2.1</version>
</dependency>
Это помещает JAR в мой каталог WAR WEB-INF/lib. Уместными частями структуры JAR являются:
META-INF
- MANIFEST.MF
+ maven
- resources
- webjars
- font-awesome
- 3.2.1
- css
- font-awesome.css
- *other css files*
- font
- *font files*
Я попробовал следующее включить иконки в свой проект:
<h:outputStylesheet library="webjars"
name="font-awesome/3.2.1/css/font-awesome.css" />
Однако это делает предыдущий рабочий значок дома следующим:
И мой браузер (Chrome) показывает следующие ошибки в консоли (домен/порт/контекст-корень изменен для защиты невинных;):
GET http://DOMAIN:PORT/CONTEXT-ROOT/javax.faces.resource/font-awesome/3.2.1/font/fontawesome-webfont.woff?v=3.2.1 404 (Not Found)
GET http://DOMAIN:PORT/CONTEXT-ROOT/javax.faces.resource/font-awesome/3.2.1/font/fontawesome-webfont.ttf?v=3.2.1 404 (Not Found)
GET http://DOMAIN:PORT/CONTEXT-ROOT/javax.faces.resource/font-awesome/3.2.1/font/fontawesome-webfont.svg 404 (Not Found)
Итак, похоже, что, хотя файл css разрешен правильно, файлы, содержащие шрифты, на которые ссылается файл css, не могут быть найдены. Я проверил эти ссылки в файле css, и они:
src: url('../font/fontawesome-webfont.eot?v=3.2.1');
src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
Эти пути относятся к ресурсу css, поэтому я думал, что у JSF не должно быть проблем с поиском. Теперь я не уверен, что делать.
Любые указатели были бы замечательными! Приветствия.