interface icon indicating copy to clipboard operation
interface copied to clipboard

SwapWidget font CSS not included in build

Open mightymatth opened this issue 3 years ago • 2 comments

When a React application with SwapWidget is built locally (and/or deployed on IPFS, example here), some fonts cannot be fetched as they are not included in the build.

It plays well when it's deployed to Vercel as it only throws warnings like these:

Failed to decode downloaded font: https://uni-widget-iframe.vercel.app/~@fontsource/inter/files/inter-latin-variable-wghtOnly-normal.woff2

...but the app bootstraps successfully.

However, when I build it locally and upload to IPFS, the mentioned warning becomes an error because the resource cannot be found and results with the error:

Refused to apply style from 'https://bafybeigj6vftgedsms27yfe3ebzhanqnhgrwxic5hug4457mysbka6w5iy.ipfs.dweb.link/~@fontsource/ibm-plex-mono/400.css' because its MIME type ('text/plain') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

@zzmp, I've seen the previous attempt, but I still have this problem.

mightymatth avatar Feb 22 '22 21:02 mightymatth

Having the same issue not sure how to resolve

taylorjdawson avatar Sep 13 '22 00:09 taylorjdawson

Same for me, damn, 2 years without a fix, that's crazy

T-Damer avatar Jul 18 '24 16:07 T-Damer