Liferay 7 中的 Font-Awesome 问题

Question

我正在使用 Liferay Developer Studio 3.8 和 Liferay Portal Tomcat 7.3.1。

我想知道如何在通过 IDE 既不是主题生成器也不是 Blade CLI 生成的 portlet 中插入 Font-Awesome 图标（portlet4SpringMVC 和 JSPX 在小部件的页面中）。

当我插入 Font-Awesome 4 图标时，图标不显示。

图标不显示

当我插入 Font-Awesome 3 图标时，图标显示为复制：

重复显示的图标

我已经在系统设置中激活了 Font-Awesome 选项，如此链接中所述

这是用于测试 Font-Awesome 图标的代码：

<div class="input-group col-md-4">
   <input class="form-control py-2" type="search" value="search" id="example-search-input"></input>
      <span class="input-group-append">
          <button class="btn btn-outline-secondary" type="button">
              <i class="icon-search"></i>
           </button>
      </span>
</div>

Answer 1

Liferay 的官方文档声明它支持 Font Awesome v 3.2.1。 这就是为什么如果您指定 Font Awesome v3 class，图标 css 将被链接并显示。