Glyphicons font not loaded, error with $icon-font-path

I have an issue for load the Glyphicons font.
(404 not found) http://localhost:3000/app/themes/sage/dist/fonts/bootstrap/glyphicons-halflings-regular.woff

My custom Sass variable does not seem to be take into account.
$icon-font-path: “…/fonts/”;

I can fix it when I change the variable directly into the bootstrap-sass variable:
$icon-font-path: if($bootstrap-sass-asset-helper, “bootstrap/”, “…/fonts/”) !default;

My variable file is loaded after the bootstrap files in my main sass file.

Any idea ?

It would seem your variable gets loaded in the wrong point. Could you post the @import section of your main.scss file in order to verify?


`// Automatically injected Bower dependencies via wiredep (never manually edit this block)
// bower:scss
@import “…/…/bower_components/bootstrap-sass/assets/stylesheets/_bootstrap.scss”;
@import “…/…/bower_components/typi/scss/_typi.scss”;
@import “…/…/bower_components/modular-scale/stylesheets/_modular-scale.scss”;
@import “…/…/bower_components/font-awesome/scss/font-awesome.scss”;
@import “…/…/bower_components/retinajs/dist/_retina.scss”;
// endbower

@import “common/variables”;

@import “common/mixins”;
@import “common/fonts”;
@import “common/global”;
@import “components/buttons”;
@import “components/comments”;
@import “components/forms”;
@import “components/grid”;
@import “components/wp-classes”;
@import “components/devices”;
@import “components/sliders”;
@import “layouts/header”;
@import “layouts/sidebar”;
@import “layouts/footer”;
@import “layouts/pages”;
@import “layouts/posts”;
@import “layouts/tinymce”;
@import “layouts/home”;
@import “layouts/products”;
@import “layouts/product”;
@import “layouts/customers”;
@import “layouts/customer”;

@import “layouts/features”;
@import “layouts/reviews”;
@import “layouts/feature-overview”;
@import “layouts/child-pager”;

Thanks for your help :slight_smile:

If you have in your _variables.scss a new $icon-font-path set to "../fonts/", that should do it already!

Have you tried checking if the file is actually in the dist folder? sometimes there are errors with the permissions on the files. I usually fix those errors with the following bash script:

  find . -type f -exec chmod 644 {} \;
  find . -type d -exec chmod 755 {} \;

cd into the theme folder and run this two commands if your on mac or linux.
Hope it helps!