Add tooltip to font awesome icon

by

The issue of adding tooltips to any HTML-Output (not only FontAwesome) is an entire book on its own. 😉

The default way would be to use the title-attribute:

  <div id="welcomeText" title="So nice to see you!">
    <p>Welcome Harriet</p>
  </div>

or

<i class="fa fa-cog" title="Do you like my fa-cog icon?"></i>

But since most people (including me) do not like the standard-tooltips, there are MANY tools out there which will “beautify” them and offer all sort of enhancements. My personal favourites are jBox and qtip2.

Leave a Comment