sub-indicator icon not showing up in IE

[Travis Hartliep]

The sub-indicator icon is not showing up in IE9 or IE10. It does show up in IE8 and all other browsers. Any thoughts? The site is http://www.yakimachief.com
Thanks!

Topic

[Jason Bobich]

Hello Travis,

I can’t actually see your site, as it appears you have it in some kind of mode that prevents public visitors from seeing it.

The sub indicator icons are something that are placed within the menu as the page is loading through javascript with the Superfish jQuery plugin. So most likely this means you have some sort of javascript conflict or error on your website in IE. You could probably verify this by looking at your Developers Tools console in IE10 (or IE9, but doesn’t work quite as well). The other obvious troubleshooting answer is essentially just to temporarily disable all plugins to try and figure out which one is causing the error. Or, if you’ve added any custom javascript to the site, that would something to check, too.

[Travis Hartliep]

Hello Jason,

Thanks for getting back to me. This is the error I am getting in IE10

CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable.
fontawesome-webfont.ttf

The site is now “live” so if you don’t mind taking a peak I would appreciate it. – http://www.yakimachief.com

I will check my plugins to see if any are causing the issue. Thanks!

[karlo]

All other browsers does not include my Firefox.

In IE10 it says 404 for

http://yakimachief.com/wp-content/themes/jumpstart/framework/frontend/assets/plugins/fontawesome/font/fontawesome-webfont.woff

Response	HTTP/1.1 404 Not Found
Content-Length	1635
Content-Type	text/html
Server	Microsoft-IIS/6.0
X-Powered-By	ASP.NET
Date	Thu, 16 May 2013 19:55:32 GMT

If not Jason can see Jump Start related fix reason to post this is “Microsoft-IIS”. IIS vs. web fonts should be worth a search if you insist file, or rather files are in right folders. Different web font files are used for different browsers so it can make sense icons are there in X but not in Y.

If server issue check this
http://sebduggan.com/blog/serving-web-fonts-from-iis/
http://stackoverflow.com/questions/4015816/why-is-font-face-throwing-a-404-error-on-woff-files
http://www.carlwoodhouse.com/making-font-face-work-in-iis/

and probably just about any hit for “iis web font” 🙂

If relevant you can think back to when you signed up for hosting. There was a choice, Apache or Windows right? I have picked wrong one too so never forget, heh. Apache just easier, IIS works though. Apache would have same issue if it did not know file types. Server thing.

[Jason Bobich]

@Travis Yeah, karlo is right. This is looks like a server-related issue. It’s happening for me in all browsers now. I’d just contact your web host, show them the link to the file, and ask why the server is returning a 404 error on it (assuming the file does indeed exist physically on the server):

http://yakimachief.com/wp-content/themes/jumpstart/framework/frontend/assets/plugins/fontawesome/font/fontawesome-webfont.woff

[Author]

Replies