How to use FontAwesome in a Dynamics 365 Portal?

Question

We have a website, which has been built up from the default Dynamics 365 portal; the header menu (primary navigation) has an item for 'home', when edited has a URL as .fa.fa-home an image derived from FontAwesome

We want to add another menu item, that also uses this style of image, but using other values, such as .fa.fa-cloud-download doesn't display anything. Have tried a few different names from the W3Schools - FA4 list and none seem to work.

If the default for the Dynamics portals, is to use 'images', any idea where these images are hidden?

Answer 1

It is Font Awesome, however the Portal uses a lot of out-of-date resources, so depending on the version that your icon was introduced, it may not be possible.

Try using an older icon (e.g. fa fa-save)

You can also see your options here /css/glyphicons-font-awesome-migrate.min.css

---

I just checked my portal and the fa-cloud-download icon is working, so make sure you're applying the icon correctly.

 <li role="none" class="weblink ">
   <a role="menuitem" aria-label="Home" href="/dashboard/" title="Home">
     <span class="fa fa-cloud-download" aria-hidden="true"></span>
   </a>
 </li>