Sotorin
I hit a small snag trying to build my Phoenix app with Webpack, namely fonts are not included by the app.
-
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/
-
During the build only the fonts which my CSS file is actually referencing are copied/extracted (which is what I’d expect),
-
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
-
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.
Where Next?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Error tracking, logs, APM, uptime and cron monitoring in one dev-friendly platform. Find and fix problems before your users notice.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ai
- #ecto-query
- #elixirconf-us
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #elixirconf-eu
- #api
- #forms
- #security
- #metaprogramming
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Practical resources that improve the lives of professional developers.
Master modern tools, write cleaner code, and tackle real-world challenges.
Producing high quality Elixir screencasts since 2017.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 3- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
dsissitka
I believe
priv/staticmight be the directory you’re looking for, notweb/priv/static.Sotorin
Hell yes! That worked, thank you:)
OvermindDL1
Also for anyone else reading this, when you add a new directory in
priv/staticthat you want exposed to the web, be sure to add it to thePlug.Staticconfig in yourendpoint.exfile.