Question

我认为很多人都知道twitter-bootstrap，这使得设计“漂亮”网站变得如此简单。我最近在Netbeans中开发了一个JSF Web应用程序。除了glyphicons之外的所有东西。

在您网站的标题部分，您将通过

包含引导程序

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

如果您使用jsf或

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

如果不使用jsf。

奇怪的是，字形是像这个问题中的空方格： Glyphicons rendering as empty box

我已经使用浏览器检查了view-source，并且两个呈现的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>

也许你们知道为什么这些字形不起作用。

谢谢！

Answer 1

最有可能与font-awesome相同。查看How to use Font Awesome from webjars.org with JSF

虽然在FA情况下已经存在jsf特定的css

带有Bootstrap的Glyphicons不会用<h：outputstylesheet>显示但是带有<link ... =“”/> </h：outputstylesheet>

1 个答案: