Material-design-icons: Material icons not showing in Edge

[CyberianIce]

Hardware: Intel x86-64 (Reak McCoy, not a VM)
OS: Windows 10 Pro (x64) 1607 Build: 14.393.187
Browser: Microsoft Edge

Expected behaviour: I expected ti see nicely shaped material icons every time i visit that web page.

Actual behaviour: Sometimes no material icon is shown on MS Edge, just text-tags, page loading is prolonged. When they don't work, it's regardless if hosted on CDN nor locally. Sometimes they work just fine, and page is loaded instantly. Basic debugging gives me no trace of any error; Very difficult for debugging :/

[aseemgautam]

Console error message when this happens -

CSS3120: No fonts available for @font-face rule

[e-cloud]

Any member or contributore can give some response?

Checkouting this page - https://material.io/icons/#ic_keyboard_arrow_down on Microsoft Edge and IE 10-11, none them display the icons but text.

[e-cloud]

A crazy thing is, I just find out if I turn off my proxy setting, displaying goes fine.

Once I turn the proxy on,
Edge, IE10 and IE 11 look like below:

[ahirhasmukh]

Material icons not showing in Edge and IE Browser

[adamreisnz]

Experiencing the same issue, icons not showing at all in Edge now. All other browsers fine. No obvious debugging info.

[AMIDIBOSS]

Don't use edge :}

[adamreisnz]

Oh I'm not, but some of our clients are and I can't change that unfortunately.

[adamreisnz]

I've created a build too that might aid you with these issues, it replaces ligatures with the unicode character code for you: https://www.npmjs.com/package/material-icon-convert

[famiclone]

just use unicode in content

example:
.icon::before { content: "\e14a"; font-family: "Material Icons" }

list:
https://github.com/Angelmmiguel/material_icons/blob/master/app/assets/stylesheets/material_icons_unicode.css.erb

[lkraav]

We're seeing this happen. Did anyone figure out the underlying cause yet?

[adamreisnz]

Had to dig back in our commits, but it appears that font-feature-settings: 'liga'; worked for us. Just apply it to your .Icon or .material-icons class.