WaspW
Wasp15mo ago
abiroot

Load Custom fonts from `src/client/fonts/HossRound`

I added a custom font to the path: app/src/client/fonts/HossRound/Hoss-Round-Bold.otf and setup my Tailwindconfig and css to load that font.

Whenever I load the font, vite gives me a 403 error:
The request url "/app/src/client/fonts/HossRound/Hoss-Round-Bold.otf" is outside of Vite serving allow list.

I tried changing my vite config to the below to allow the font:
export default defineConfig({ server: { open: true, fs: { allow: [ path.resolve(__dirname, "../src/client/static/fonts"), ], }, }, });


But it still failed with the error: app/.wasp/out/web-app/src/index.tsx" is outside of Vite serving allow list..

It seems that under the hood Wasp is somewhere setting the fs allow path and not allowing me to change it.
Was this page helpful?