VLF-ONE Missing Material Icons in Edge and IE11

[jyoung]

I feel like I am chasing a ghost here and could use some help.

Latest installed EPC is 80. IE11 is the company standard ,

On a couple of our user's browsers, one of which is the boss's (of course it has to be his), some of the material icons don't show up, other icons do.

missing_images.jpg (15.92 KiB) Viewed 11369 times

In ALL my browser's it works fine.

I have chased down all the usual culprits:

They can download both of these
https://fonts.googleapis.com/icon?family=Material+Icons
https://fonts.gstatic.com/s/materialico ... DsNc.woff2

In the dev tools, all the requests are coming down as 200 or 304. No errors.
No errors in the console.
They can go https://material.io/icons/ and see all the icons.

This only is happening in IE11 and Edge. Chrome works fine.

I've seen this post viewtopic.php?f=4&t=1099&p=4042 but not finding anything new.

EDIT
When downloading https://fonts.googleapis.com/icon?family=Material+Icons from IE / Edge the css file itself is downloaded as a file. In Chrome the CSS shows in the browser.
as in

css.PNG (17.25 KiB) Viewed 11362 times

Could it because IE is trying to download it like a Text File instead of rendering it?

[MarkD]

Are you all using the same IE11 version?

[MarkD]

Also, are you using the same Apache and L4Web web server instances?

[jyoung]

Yeah, same browser version (IE 11 updates automatically). Same URL pointing to our production server.

Google seems littered with folks having trouble with icon fonts behind corporate networks.
I've found people talking about Group Policy issues and having to set custom Internet security levels.

I've also seen some mention locally downloaded woff files instead of the google one contained in https://fonts.googleapis.com/icon?family=Material+Icons and issues with woff vs woff2.

Unfortunately I can't replicate on my browsers. That makes me think it has to be something configured on his machine, just don't know what.

[MarkD]

It sure does.

Did you see this one - https://stackoverflow.com/questions/268 ... ng-in-ie11

There is a troubleshooting checklist towards the end that might be useful. Point 3 is interesting.

All icon references are soft, so if need be you can change them all to not be MD ones, even the ones we ship as defaults.

[jyoung]

A little bit more info when anyone else runs into these issues.

We've had some luck with the following:

1. Enable Font Download for Internet Zone

IE Security Settings.PNG (54.62 KiB) Viewed 11320 times

2. Uncheck Compatibility Settings for Intranet

compatablity settings.PNG (13.07 KiB) Viewed 11320 times

While on my browser, I have enabled the font download AND the compatibility setting checked, all the fonts showed up.
If I disable the font download, the fonts disappear and I get the same issue that others are having.
On other's browsers, they have the font download enabled and the compatibility setting checked, but the fonts do not download. Unchecking the compatibility setting seemed to work in their case.

So in short, ALWAYS check that the font download is ENABLED. Then, if the fonts still do not work, check the view compatibility settings and uncheck "Display intranet sites in Compatibility View"