OpenIconic font icon not working in chrome

[lombervid]

Hello.

I´m using the bootstrap font icons and is not working in Chrome:

while in Firefox:

Regards!

[aswzen]

it's already 2018 and still no clue why..

[ghost]

I'm having the same problem

[cedced19]

Same here.

[cedced19]

I found a solution: in the CSS file just remove all the sources except src:url(../fonts/open-iconic.otf) format('opentype'). For my case it works as I use Electron but I don't know how to do to keep icons on other browsers. It seems to be a problem from Chrome and not from OpenIconic.

[gerbert92]

Icons dont show up when calling them while I have linked the "open-iconic-bootstrap.css" in my tag. Any one who can help over there...

[vrajavetrivel]

@cedced19 Your solution works perfectly. Thank you. Is it the good practice to do this?

[cedced19]

Usually I don't do this, because some of the browsers don't support all font format, but in my case I used it for a Electron app so I hadn't this problem.

[vrajavetrivel]

@cedced19 Oh. Got it. Thank you 👍 :)

[SaeedSalam]

I found a solution: in the CSS file just remove all the sources except src:url(../fonts/open-iconic.otf) format('opentype'). For my case it works as I use Electron but I don't know how to do to keep icons on other browsers. It seems to be a problem from Chrome and not from OpenIconic.

For me, changing the order worked in Chrome & Firefox.

Moved 'opentype' to first.

@font-face {
  font-family: 'Icons';
  src: url('../fonts/open-iconic.eot');
  src: url('../fonts/open-iconic.otf') format('opentype'), url('../fonts/open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('../fonts/open-iconic.woff') format('woff'), url('../fonts/open-iconic.ttf') format('truetype'), url('../fonts/open-iconic.svg#iconic-sm') format('svg');
  font-weight: normal;
  font-style: normal;
}

Have to verify it on other browsers/devices though, but for now, am okay with it!
Thanks for the hint 👍

[phainamikaze]

I found a solution: in the CSS file just remove all the sources except src:url(../fonts/open-iconic.otf) format('opentype'). For my case it works as I use Electron but I don't know how to do to keep icons on other browsers. It seems to be a problem from Chrome and not from OpenIconic.

it work, Thank you

[Rudedog9d]

I am noticing this problem with electron in Windows 7, but not Windows 10. Has there been any progress on fixing this? We use yarn for dependencies, so editing the file isn't really an option