Font Awesome Icons in Output

[deevee]

Hello,

Is there a way I can use Font Awesome icons even if the ‘Exclude Content Not Linked Directly or Indirectly from the Target’ option is checked from Advanced Tab of Target Editor?

Right now, when this option is checked, the Font Awesome icons are not showing up in output.

[Daniel Ferguson]

I'm a little confused by this question. Font Awesome icons themselves aren't hosted in your project, so excluding content from the target shouldn't have anything to do with whether Font Awesome works or not.

I'm not an FA expert by any means, but I've used in successfully in a number of different projects. In order for FA to work in a topic, that topic needs to call the FA script, and then there must be either some code in the topic that references FA, or you need to set FA as part of a background image in a stylesheet.

If you're using FA on a lot of pages, add your FA script to you Flare MasterPage. It will look something like this:

Code: Select all

<script src="https://use.fontawesome.com/6fd8c5ba33.js"></script>

With that in place, you can add FA elements in your topics. For example, here is how you'd put in the Facebook icon:

Code: Select all

<i class="fa fa-facebook" aria-hidden="true"></i>

If you wanted to use FA as a background image in your stylesheet instead, then it would look something like this:

Code: Select all

[Selector]:before
{
font-family: 'FontAwesome';
content: "\f09a"
}

Hope this helps