WeAreTech / wearetech.io

This is wearetech.io
Mozilla Public License 2.0
7 stars 2 forks source link

Move glyphicon fonts to bootstrap directory #29

Closed telis93 closed 9 years ago

telis93 commented 9 years ago

Some glyphicons don't render correctly in firefox. Boxes appear instead of the glyphicons. I found that the solution is to move the glyphicon fonts in a subfolder named bootstrap, because bootstrap css loads them from that directory.

kbariotis commented 9 years ago

Hi @telis93. welcome aboard.

Im not sure why moving the font files is the solution. We will check it soon.

What OS are you on? Latest stable Firefox?

sirodoht commented 9 years ago

Hmm. Firefox latest (33.0.2) on Linux. glyphicons-screenshot

Also, it seems that on Firefox mobile, neither Facebook nor Twitter icons work, at the "Stay in touch" section.

But since there is a re-design coming soon (#14), maybe we should not waste much time here.

telis93 commented 9 years ago

I am on windows 7 and yes I am on latest stable firefox. The $icon-font-path-variable which is used points to this directory. https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_variables.scss#L86 https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_glyphicons.scss#L13

kbariotis commented 9 years ago

Indeed, i found that Chrome was using Bootstrap's assets loaded from CDN rather than from the local folders.

thx @telis93, keep up! Cheers!