I'm using gulp-iconfont v4 to generate fonts from SVGs in a folder.
I'm using a swig template to generate a .scss
file and include that in my app.scss
.
When I serve the files I get the following error in the console: Failed to decode downloaded font
and the icons appear as []
.
When I navigate to the file in the url, it downloads fine. What could be causing the browser to not decode them?
I've looked at the following with no resolution:
- Failed to decode downloaded font
- FontAwesome - Failed to decode downloaded font
- Failed to decode downloaded font: ..../font-family/bariol/bariol_regular-webfont.woff
Sometimes the warning comes from the .html
page but sometimes it will come from Modernizr or most recently in jquery-1.7.2.min.js
which isn't actually included anywhere :/
Everything 'works' so I'm not sure what code would be of use.
Here's the response from the file request:
When I look at the files in the resource panel it just shows the normal A-Z and not any glyphs. Not sure what the expected result is.
EDIT:
I've validated the font using Font Book and all looks well.
However, the info indicates there are two glyphs (when there should be only one currently) and also doesn't display them at all.