Bootstrap 3 unable to display glyphicon properly
css, glyphicons, twitter-bootstrap-3
Solution
OK, my problem was not answered by the above. I had the fonts folder at the same location as the bootstrap css and js folders (eg /theme/bootstrap3/..), but it was looking for the font folder in the root (eg /fonts/glyph.. .woff)
The solution for me was to set the @icon-font-path variable to the correct relative path:
Eg @icon-font-path: "fonts/";
Problem
I am migrating from bootstrap 2.3 to bootstrap 3 and everything works well. But when I tried to add some icons, the icon font doesn't displayed properly. I tried to look over here http://bootply.com/61521 and only '.glyphicon-envelope' was being displayed properly. Others have displayed like 'E001' and so on. How can I be able to solve this problem? For other browsers, glyphicons are displayed properly, only firefox was unables to display it properly.