Error retrieving glyphicons-halflings-regular.woff2 on successful AJAX call from jQuery

Question

I get an error message saying that jQuery couldn't find the path to the glyphicons-halflings-regular.woff2. The error shows up when the function for successful AJAX request is ran. In that function I inserted a hyperlink that uses a glyphicon from Twitter Bootstrap.

Looking at the path, I am sure that it is the correct path so I don't know why it's giving me the error. How could I fix this error?

Answer 1

Using IIS I fixed it inside the Web.config-file, add the following inside <system.webServer>:

<staticContent>     <remove fileExtension=".woff" />     <remove fileExtension=".woff2" />     <mimeMap fileExtension=".woff" mimeType="application/font-woff" />     <mimeMap fileExtension=".woff2" mimeType="application/font-woff" /> </staticContent> 

Notice I remove the extensions first, in case they already exist.