How to fix Font Awesome WebFont woff2 not found on Azure webapp Or Font awesome icon not shown in Azure website

If your are getting the error  fontawesome-webfont.woff2?v=4.6.3 not found but this file exist on webserver.

The fix is really simple.

You need to add the mime type in the config file for woff2.

<system.webServer>
  <staticContent>
    <remove fileExtension=".woff2" />
    <mimeMap fileExtension=".woff2" mimeType="font/woff2" />
  </staticContent>
</system.webServer>

After added this code you need to hard refresh your website or Ctrl+F5