Использование FontAwesome 5.15.0 с начальными шрифтами 8.0

#jsf #primefaces #font-awesome

Вопрос:

Я пытаюсь использовать fontawesome 5.15.0 с примерами 8.0, и значки не отображаются в командной кнопке.

в web.xml

 <context-param>
    <param-name>primefaces.FONT_AWESOME</param-name>
    <param-value>false</param-value>
</context-param>
 

на странице xhtml

 <h:outputStylesheet library="webjars" name="font-awesome/5.15.0/css/all-jsf.css" />
<h:outputStylesheet library="webjars" name="font-awesome/5.15.0/css/v4-shims.min-jsf.css" />
 

в pom.xml

 <dependency>
    <groupId>org.webjars</groupId>
    <artifactId>font-awesome</artifactId>
    <version>5.15.0</version>
</dependency>
 

в командной кнопке с помощью fa fa-unlock-alt или fas fa-unlock-alt оба не работают…

 <p:commandButton value="Acessar" icon="fa fa-unlock-alt"
    ajax="false" action="#{loginController.login()}"
    styleClass="btn btn-teal btn-block" />
 

но <i class="fas fa-user"></i> работай!!

Обратите внимание, что я использую Adminfaces(https://github.com/adminfaces) с начальными шрифтами 8.0

Пример

Кто — нибудь знает решение?

Спасибо!

Комментарии:

1. Мы используем FA 5.15 с PF8.0, и он отлично работает с нашими кнопками управления. Однако мы не используем интерфейсы администратора. icon="fas fa-unlock-alt" должно сработать нормально.

2. Здесь не работает. Я не могу понять, почему.

3. Лица администраторов каким — то образом добавляют какой-то CSS, который сбивает его с толку? Также просто ради удовольствия перейдите на FontAwesome 5.12.0, поэтому я использую его в своем текущем проекте. Просто чтобы посмотреть, не сломал ли что-нибудь веб-Джарс.

Ответ №1:

Я нашел решение…

начертания букв.FONT_AWESOME должен быть правдой…

 <context-param>
    <param-name>primefaces.FONT_AWESOME</param-name>
    <param-value>true</param-value>
</context-param>
 

импорт css:

 <h:outputStylesheet library="webjars" name="font-awesome/5.15.3/css/solid.min-jsf.css" />
<h:outputStylesheet library="webjars" name="font-awesome/5.15.3/css/fontawesome.min-jsf.css" />
<h:outputStylesheet library="webjars" name="font-awesome/5.15.3/css/v4-shims.min-jsf.css" />
 

в командных кнопках должно быть «фа-фа -….» фа-фа — … не работает…

Комментарии:

1. начертания. FONT_AWESOME бесполезен в последних версиях шрифтов, импорт css является важной частью