1

I'm using Liferay Developer Studio 3.8 and Liferay Portal Tomcat 7.3.1.

I was wondering how can I insert Font-Awesome icons in a portlet (portlet4SpringMVC with JSPX in a widget's page) generated through IDE neither theme generator nor Blade CLI.

When I insert Font-Awesome 4 icons, the icon does not show up.

Icon not showing up

When I insert Font-Awesome 3 icons, the icon shows up replicated:

Icon showing up replicated

I already activated Font-Awesome option in System Settings, as stated in this link

This is the code that's being used to test Font-Awesome icons:

<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>
Yume Ishida
  • 31
  • 3

1 Answers1

0

Liferay's official documentation states that it supports Font Awesome v 3.2.1. That's why if you specify Font Awesome v3 class, icon css is linked and it is shown.

Faryal
  • 55
  • 2
  • 9