Глификоны с Bootstrap будут отображаться не с ‹h:outputStylesheet›, а с ‹link ›

Я думаю, что многие из вас знают о twitter-bootstrap, который позволяет легко создавать «красивые» веб-сайты. Недавно я разрабатываю веб-приложение JSF в Netbeans. Все, кроме глификонов.

В заголовке вашего веб-сайта вы включите загрузку через

<h:outputStylesheet library="css" name="bootstrap.min.css"></h:outputStylesheet>

если вы используете jsf или

<link rel="stylesheet" type="text/css" href="resources/css/bootstrap.min.css"/>

если не использовать jsf.

Странно думать, что глификоны - это пустые квадраты, как в этом вопросе: Глификоны отображаются как пустое поле

Я уже проверил источник представления в своем браузере, и оба визуализированных CSS имеют одинаковый контент.

    <head id="j_idt2">
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" type="text/css" href="resources/css/bootstrap.min.css" />
        <link type="text/css" rel="stylesheet" href="/WWHY/faces/javax.faces.resource/bootstrap.min.css?ln=css" />
        <link type="text/css" rel="stylesheet" href="/WWHY/faces/javax.faces.resource/styles.css?ln=css" />
        <title>WWHY IT Support Center</title>
        <script src="resources/js/ie-emulation-modes-warning.js"></script>
    </head>

Может быть, вы, ребята, знаете, почему не работает для глификонов.

Спасибо !


twitter-bootstrap-3 glyphicons jsf-2.2
person Zailux    schedule 01.04.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Скорее всего так же, как и с font-awesome. Проверьте Как использовать Font Awesome с webjars.org с помощью JSF

Хотя в случае с FA уже был CSS, специфичный для jsf.

person Kukeltje    schedule 01.04.2015