Как использовать Font Awesome с webjars.org с JSF
Я пытаюсь использоватьFont Awesome иконки с моим приложением JSF. Я имел некоторый успех, следуяинструкции по началу работы и добавив следующее к моему мнению<h:head>
раздел:
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css"
rel="stylesheet" />
Это дает мне хороший значок дома, когда я используюicon-home
класс:
Однако я не хочу зависеть от сервера начальной загрузки, чтобы обеспечить ресурсы Font Awesome, поэтому я пытаюсь связать их с моей войной и настроить свои представления для использования связанных ресурсов.
Я используюготовая банка созданныйwebjars проект. Мой пом имеет следующую зависимость:
<dependency>
<groupId>org.webjars</groupId>
<artifactId>font-awesome</artifactId>
<version>3.2.1</version>
</dependency>
Это помещает JAR в каталог WEB-INF / lib моей WAR. Отдельные части структуры 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) показывает следующие ошибки в консоли (домен / порт / context-root изменен для защиты невинных;):
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 не должно возникнуть проблем с его поиском. Теперь я не уверен, что делать.
Любые указатели были бы великолепны! Приветствия.