KB00013198 – Icons not displaying over HTTPS due to font awesome issue

Applies to: 4.0.x

Issue:

When enabling Ephesoft Transact to run over HTTPS, you may encounter a rendering issue with our icons in the Review and Validation pages for the display image and document functions.

 

 

 

Root Cause:

Due security constraints the font-awesome references are not loading properly in Internet Explorer. This is mostly seen when the https protocol is used either at the tomcat or web server level (i.e. IIS or Apache).

 

Solution:

This issue has been fixed in v4.1.2.0 of Transact.

Please try the following 2 items below and let me know if you are still seeing issues or have any follow-up questions. I plan on escalating this to engineering as needed today for their guidance, however, if we have a chance to try this out and it works let me know and I will see about adding this to the Wiki. I am not sure based on the old notes if both need to be followed, so perhaps we can try step 1 first and then move to step2 as needed.

 

Workaround #1.       Please install fonts present at location {Ephesoft-Install-Dir}\Application\font-awesome\fonts (FontAwesome.otf and fontawesome-webfont.ttf ) on the system on which issue is being faced.

Steps to install :

a.       Copy the folder({Ephesoft-Install-Dir}\Application\font-awesome\fonts) on the system(If Ephesoft is not installed locally).

b.      Double click on FontAwesome.otf (the OpenType font file)

c.       Click on Install button.

d.      Similarly install fontawesome-webfont.ttf font (the TrueType font file)
Workaround #2.  We found a fix for missing icon images not loading in IE over HTTPS URL.

Steps :

a.       Add below line in file {Ephesoft-Install-Dir}/Application/font-awesome/css/font-awesome.css at the top.

 

<FilesMatch “.(ttf|otf|woff)$”> Header set Access-Control-Allow-Origin “*” </FilesMatch>

 

Here is a screenshot of the line added in Linux and what the css file looks like with the line added in Windows:

 

After following the above mentioned steps, restart the Ephesoft Transact service and the refresh the browser page.  We can also try re-clearing out the cache for cookies, temp files, etc.

 

Workaround #3

 

Add the following line in all the pages which show icons. Example: home.html, batchclassmanagement.html, batchinstancemanagement.html, login.html, reports.html , etc. Make sure that all the files which show icons have the line added.

<link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css”>

 

Place this line before the script tag starts.

Then refresh the browser and icons appear back.