Fonts not included

Phoenix Forum Questions / Help
1

I hit a small snag trying to build my Phoenix app with Webpack, namely fonts are not included by the app.

  1. I have clean Webpack build - copies whole bunch of fonts, one JS file with embedded CSS. After the build all the font files are are placed in /web/priv/static/fonts/ directory and my JS file ends up in /web/priv/static/js/

    Screen Shot 2016-11-21 at 12.15.26 AM.png1476×730 147 KB

  2. During the build only the fonts which my CSS file is actually referencing are copied/extracted (which is what I’d expect),

  3. So far all the styles from my CSS file work as expected, however I’m getting errors when trying to use styles which reference these fonts. I looked in Chrome and I don’t see fonts directory in the tree

    Screen Shot 2016-11-21 at 12.17.30 AM.png1390×1340 50.8 KB

  4. Fonts are present in /web/priv/static/fonts - they should be served and they are not. Of course my endpoint is configured to serve fonts.

    Screen Shot 2016-11-21 at 12.39.15 AM.png1468×556 138 KB

1 Like
2

I believe priv/static might be the directory you’re looking for, not web/priv/static. :slight_smile:

2 Likes
3

Hell yes! That worked, thank you:)

4

Also for anyone else reading this, when you add a new directory in priv/static that you want exposed to the web, be sure to add it to the Plug.Static config in your endpoint.ex file. :slight_smile: