Glen Ihrig
Jul 27, 2017 · 1 min read

Hi Tom, in general, I’m really loving the tutorial and am exited about the potential workflow improvements.

However, I encountered the problem with icons appearing only as squares. I do have the /public/font and /public/icon folders. font contains 8 OpenSans-…* files, icons contains 4 todos.* files.

With the app server running in dev mode yarn start I am able to access the font files at http://localhost:3000/icon/todos.* My browser (Chrome Mac Version 59.0.3071.115 (Official Build) (64-bit)) downloads the *.ttf and I am able to view the downloaded icons in Font Book.

Looking at the network tab in Chrome Dev tools is see that all font and icon files e.g. http://localhost:6006/icon/todos.ttf?5w3um4 etc., are returning a 404 status code.

This appears to be an issue with Storybook 2 and/or webpack 2. Reported to be corrected in Storybook 3.1.7.

I upgraded Storybook to 3.1.9 as described here, but that did not change the problem. Still getting a 404 on font and icon files.

Giving it a rest for now, but this looks like a significant block to using Storybook in production. :-/

    Glen Ihrig

    Written by