I am facing an issue with the fonts on my website. They work perfectly in all browsers when using http, but as soon as I switch to https, the fonts stop working in IE8 and lower versions. However, they do display correctly in ie9.
When trying to access the .eot file path using Internet Explorer, if it's over http, I get a download option for the file. But when I switch to https, it shows that the file cannot be found.
The server setup includes a self-assigned certificate, running on iis 7.5 with .net 4.0, umbraco 4.7.0 cms, client dependency framework (attempted removing this, but issue persists).
<style type="text/css">
@font-face {
font-family: 'GGX88UltraLight';
src: url('/css/type/ggx88_ul-webfont.eot');
src: url('/css/type/ggx88_ul-webfont.eot?iefix') format('embedded-opentype'),
url('/css/type/ggx88_ul-webfont.woff') format('woff'),
url('/css/type/ggx88_ul-webfont.ttf') format('truetype'),
url('/css/type/ggx88_ul-webfont.svg#webfontU6kiGgEl') format('svg');
font-weight: normal;
font-style: normal;
}
</style>
Here are some web config values that might provide insight:
<staticContent>
<!-- Set expire headers to 30 days for static content-->
<clientCache cacheControlMode="DisableCache" cacheControlMaxAge="30.00:00:00" />
<!-- use utf-8 encoding for anything served text/plain or text/html -->
<remove fileExtension=".css" />
<mimeMap fileExtension=".css" mimeType="text/css; charset=UTF-8" />
<remove fileExtension=".js" />
<mimeMap fileExtension=".js" mimeType="text/javascript; charset=UTF-8" />
<remove fileExtension=".json" />
<mimeMap fileExtension=".json" mimeType="application/json; charset=UTF-8" />
<remove fileExtension=".rss" />
<mimeMap fileExtension=".rss" mimeType="application/rss+xml; charset=UTF-8" />
<remove fileExtension=".html" />
<mimeMap fileExtension=".html" mimeType="text/html; charset=UTF-8" />
<remove fileExtension=".xml" />
<mimeMap fileExtension=".xml" mimeType="application/xml; charset=UTF-8" />
<!-- HTML5 Video mime types-->
<mimeMap fileExtension=".mp4" mimeType="video/mp4" />
<mimeMap fileExtension=".m4v" mimeType="video/m4v" />
<mimeMap fileExtension=".ogg" mimeType="video/ogg" />
<mimeMap fileExtension=".ogv" mimeType="video/ogg" />
<mimeMap fileExtension=".webm" mimeType="video/webm" />
<!-- Remove default IIS mime type for .eot which is application/octet-stream -->
<remove fileExtension=".eot" />
<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
<mimeMap fileExtension=".otf" mimeType="font/otf" />
<mimeMap fileExtension=".woff" mimeType="font/x-woff" />
<mimeMap fileExtension=".crx" mimeType="application/x-chrome-extension" />
<mimeMap fileExtension=".xpi" mimeType="application/x-xpinstall" />
<mimeMap fileExtension=".safariextz" mimeType="application/octet-stream" />
</staticContent>
<httpProtocol allowKeepAlive="true">
<customHeaders>
<add name="X-UA-Compatible" value="IE=Edge,chrome=1" />
<add name="Access-Control-Allow-Origin" value="*" />
</customHeaders>
</httpProtocol>