Glyph icons aren't working on a Bootstrap subtheme. The markup is all there, but the font doesn't seem to load. Changing the backend theme to Bootstrap makes no difference, but changing the front end theme from the subtheme to plain Bootstrap does work.

Comments

scott.whittaker created an issue. See original summary.

markcarver’s picture

Category: Bug report » Support request
Status: Active » Closed (works as designed)

The only reason they wouldn't work in a sub-theme is if you're compiling your own (e.g. LESS/SASS) and you didn't copy over the necessary font files (or properly reference the location of them).

Closing per https://drupal-bootstrap.org/api/bootstrap/docs%21Contributing.md/group/...

Reason: CSS/site specific

scott.whittaker’s picture

I finally managed to track this down. The @font-face declaration for the glyphicon font was nested inside a @at-root declaration. Deleting the @at-root wrapper fixed the issue.

medinasod’s picture

The same thing is happening for me. My compiled CSS is looking for the icons here:
/themes/my_theme/dist/bootstrap/assets/fonts/bootstrap/

but they're located here
/themes/my_theme/bootstrap/assets/fonts/bootstrap/

The dist directory is where my compiled assets live. What's the best way to fix this? Move the directory into dist?

Thanks!
Rob