I've just loaded my website in IE11 to test it and was surprised to discover none of the fonts are loading. If I edit the CSS to load a standard font like Helvetica then it works fine.
I know the Salient theme uses #iefix and everything to make sure it works, which is why this is surprising me.
This problem is still evident when switching to the parent Salient theme and disabling all plugins. Neither OpenSansLight works, nor the font I have loaded locally, Proxima.
I was calling these fonts via CSS, but the actual @font-face is part of Salient's CSS, so I've never needed to touch that.
It is also evident on my other website, http://thrilleredge.com, which has most of the fonts loading except the NEW RELEASES / SEE ALL text used above the "recent projects" shortcode on the home page. Lato-Bold. (If I switch it to Lato, it works. Very strange. But it seems that whatever issue is plaguing nathanmfarrugia.com, is plaguing thrilleredge.com's Lato-Bold and no other font.
I found one possible solution, to add this to .htaccess:
AddType application/vnd.ms-fontobject .eot
Unfortunately it didn't work.
Any ideas on what might've happened? See attached image.
Placeholder until post is created. Then I can write the post in something bigger than 20 x 20 pixels :P
Hi,
I've just loaded my website in IE11 to test it and was surprised to discover none of the fonts are loading. If I edit the CSS to load a standard font like Helvetica then it works fine.
I know the Salient theme uses #iefix and everything to make sure it works, which is why this is surprising me.
This problem is still evident when switching to the parent Salient theme and disabling all plugins. Neither OpenSansLight works, nor the font I have loaded locally, Proxima.
I was calling these fonts via CSS, but the actual @font-face is part of Salient's CSS, so I've never needed to touch that.
It is also evident on my other website, http://thrilleredge.com, which has most of the fonts loading except the NEW RELEASES / SEE ALL text used above the "recent projects" shortcode on the home page. Lato-Bold. (If I switch it to Lato, it works. Very strange. But it seems that whatever issue is plaguing nathanmfarrugia.com, is plaguing thrilleredge.com's Lato-Bold and no other font.
I found one possible solution, to add this to .htaccess:
AddType application/vnd.ms-fontobject .eot
Unfortunately it didn't work.
Any ideas on what might've happened? See attached image.
Cheers,
Nathan
Possible culprit: I find this when I try to debug in IE11.
See attached. More a jquery issue than Salient though.
To make things ever stranger, the fonts load perfectly if I use IE11 to emulate in the following modes:
- All Windows Phone modes (IE10, IE9)
- IE10
- IE8 (haha, I know, right)
It still gets caught on that debugging error every time I load, but the fonts load.
Looks like it was a server issue. It was affecting IE11 and IE9, but no other versions.
MediaTemple wiped my .htaccess file. Thanks MediaTemple.
I reinserted a bunch of things and they are all working again. Here are the things that likely helped:
AddType video/mp4 mp4
AddType video/mp4 m4v
AddType video/ogg ogv
AddType video/webm webm
AddType video/webm webmv
AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType font/x-woff .woff
AddType image/svg+xml .svg
# ----------------------------------------------------------------------
# Webfont access
# ----------------------------------------------------------------------
# Allow access from all domains for webfonts.
# Alternatively you could only whitelist your
# subdomains like "subdomain.example.com".
<IfModule mod_headers.c>
<FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css|css)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>