search

iconic / open-iconic

An open source icon set with 223 marks in SVG, webfont and raster formats
http://useiconic.com/open
Other
3.58k stars 421 forks source link

OpenIconic font icon not working in chrome #28

Open lombervid opened 7 years ago

lombervid commented 7 years ago

Hello.

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

while in Firefox: ifirefox

Regards!

aswzen commented 6 years ago

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

ghost commented 6 years ago

I'm having the same problem

cedced19 commented 6 years ago

Same here.

cedced19 commented 6 years ago

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 commented 6 years ago

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 commented 6 years ago

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

cedced19 commented 6 years ago

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 commented 6 years ago

@cedced19 Oh. Got it. Thank you :+1: :)

SaeedSalam commented 5 years ago

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 :thumbsup:

phainamikaze commented 5 years ago

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 commented 5 years ago

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