Question

我想在我的jsf应用程序中使用字体真棒，但遗憾的是，似乎没有显示某些图标。而不是图标，我只能看到一个方形符号。

我的jsf页面如下所示：

<div class="centerbox" style="bottom: 5mm; top: 5mm;">
    <i class="fa fa-chain fa-5x"></i>
    <i class="fa fa-wheelchair fa-5x"></i>
    <h:outputLabel value="#{msg.systemNotAvailable}" />
    <a href="tel:xyz" class="mobi-button mobi-button-attention"><h:outputText value="Allocation"/></a>
  </div>

我按如下方式包含了css文件：

<h:outputStylesheet name="font-awesome.css" library="css" media="screen"/>

strangs的事情是，fa-chain图标显示正确，但轮椅图标没有。

当我查看html并更改图标的代码时，似乎有几个图标无效。

我尝试使用版本4.4.0

是否有其他人遇到此问题或者可以给我一个如何修复的提示？

Answer 1

您可以随时使用MaxCDN的live css，例如： http://jsfiddle.net/web_nfo/zfdgna5w/

https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css

（资料来源：https://fortawesome.github.io/Font-Awesome/get-started/#bootstrapcdn）

可能没有正确加载字体文件（fontawesome-webfont.eot，fontawesome-webfont.woff2等）。在css中有一些相对路径，如果你的（本地）服务器上没有字体，它就不起作用。

Answer 2

首先感谢您的回复。我认为问题是，字体文件安装在webapp的资源文件夹中。由于我将它放入WebContent- root，因此可以显示所有图标。

非常感谢您的支持： - ）

字体很棒并没有显示JSF应用程序中的所有图标

2 个答案: