Since the icons work in Chrome, I'm thinking this setting in IE is the issue. Maybe you can check what yours is set to (the USPTO IT might not allow you to change it?).

Tools > Internet Options > Security > Custom Level > Downloads > Font Download: Disabled?

from designpatterns.

My IE seems to be locked to medium high (not sure what that means for font download). Perhaps we could get github added to “Trusted sites”?

[email protected]
(571) 272-7185 | MDW 4D30

From: Brian Mathews [mailto:[email protected]]
Sent: Wednesday, November 05, 2014 4:51 PM
To: USPTO/designpatterns
Subject: Re: [designpatterns] Not able to see icons on IE9 (#11)

Since the icons work in Chrome, I'm thinking this setting in IE is the issue. Maybe you can check what yours is set to (the USPTO IT might not allow you to change it?).

Tools > Internet Options > Security > Custom Level > Downloads > Font Download: Disabled?

[image]https://cloud.githubusercontent.com/assets/848347/4926704/8f5b14f8-6535-11e4-852a-3f8f2f5b74c9.png

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/11#issuecomment-61887570.

from designpatterns.

Hm, bummer. I was hoping it was an easy thing to check.

It's confusing that it works in Chrome/FF but not IE, so it makes me think it's an IE specific issue like some kind of security setting, but I have no clue really. Since it sounds like other security-minded organizations besides the USPTO have this same problem as well, I'll keep working on a build pipeline to generate a png sprite sheet in addition to the icon font.

from designpatterns.

Please try following:
1- add https: or http: on on following css link

2- Add

from designpatterns.

Which CSS link are you referring to @zoinamir?

from designpatterns.

from designpatterns.

I tested that out here:
http://bmathews.github.io/designpatterns/

The relative protocol in <link href="//fonts.google..."> is so that we don't have to assume/guess what the protocol is going to be. It'll use whatever protocol the user/host decides. That works fine in IE9 as far as I know. That particular font include is just for Open Sans, not the icon font, but if the protocol or edge mode is the issue, then you should be able to see Open Sans fine on that initial landing page, which should like this:

The fontawesome fonts are loaded in the CSS with something like: ../fonts/font-awesome.woff.

To add code in a github issue, surround it in three backticks. You can read more about it here: https://guides.github.com/features/mastering-markdown/

from designpatterns.

Now serving icons via an SVG sprite instead.

from designpatterns.