Failed to decode downloaded font

[shanecarmody]

Hey,

I’m getting the following warnings in the console after I generate my styleguide. Does anybody know how I can fix them? I’m not sure what the second warning is related to.

Failed to decode downloaded font: http://localhost:3000/assets/fonts/fontawesome-webfont.eot? OTS parsing error: invalid version tag

[PhilippeVay]

Hi,

The real problem may be that there is no fontawesome-webfont.sth font file at {{yourAppRootInDev}}/styleguide/assets/fonts/. At least, my colleague encountered the exact same error message after adding another font icon.

You'd expect a 404 but err, no: as the internal server is catching URLs / routing / resolving paths, it'll always answer via index.html. In DevTools / Network tab, you should be able to see that the server sent your browser an HTML file and more precisely index.html from SC5, not a font.

Browse files on your disk where SC5 is being generated (demo-output/ in demo) down to assets/fonts/: if font files are lacking, then you should fix the gulp task that copy them.

Hope this helps,

[shanecarmody]

I get the same error when I run the demo:

All the font files are there so I don’t know what is causing the issue.

[Elena5585]

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(Roboto-normal-500.woff) format('woff'); unicode-range: U+0-10FFFF; }

Я добавила вот эту строку в fonts.css : unicode-range: U+0-10FFFF; и все шрифты подключились