Hi,

Could you please let us know whether you are facing issue in mobile application or in web version.

If you are facing the issue in mobile application, you have update the HTML rule pyCustomAppCache with your fonts file directory.

Hope this helps.

Thanks,

Nandhadeepa

Hi,

Which Pega product version you are using in your application?

Is the issue browser specific?

Hi, 

1. Check this video that talks about how to include custom fonts

https://community.pega.com/video-library/using-custom-webfonts-your-pega-7-application

2.Check the network trace and confirm whether the fonts are loading correctly. A question mark is required at the end of the font file URL , when included in the CSS. Check the support article here

https://community.pega.com/support/support-articles/skin-additional-style-sheets-web-fonts-not-working

3.  Check if it works when applied to a control as part of your skin.

What version of FontAwesome do you use?

They have a different packages in different versions.

In the earliest they provided a full package with files (just like you listed). 

But started from somewhere version 5, they provide a link you must include in the header. Like this (it's from v5.12.0):

<script src="https://kit.fontawesome.com/XXXXXXXXX.js" crossorigin="anonymous"></script>

Before it was in a form of link tag:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" 
integrity="sha384-50oBUHEmvpQ+1lW4y57PXXXXXXXXXXXXXXXXXXXXXXXXXX" crossorigin="anonymous">

For my usage I created a non autogenerated section with the code:

<script>
(function(){
  var link = document.createElement("link"); 
  link.setAttribute("rel", "stylesheet"); 
  link.setAttribute("href", "https://use.fontawesome.com/releases/v5.8.1/css/all.css"); 
  link.setAttribute("integrity", "sha384-50oBUHEmvXXXXXXXXXXXX"); 
  link.setAttribute("crossorigin", "anonymous"); 
  document.head.appendChild(link);
})();
</script>

I'd suggest you to include it in a harness.