I have a question in relation to my site “dainty-raindrop-e645a4”.
The application deployed there is a CRA react app and generally is working fine. The app loads a custom font file through CSS in order to style the page. The font is called LEMONMILK.woff (the caps being important).
Within my app, I load this font directly from CSS (i.e. using url(“/assets/fonts/LEMONMILK.woff”)). When testing my app locally, this loads fine, as expected. When I push to git and deploy to Netlify, the font still loads and works as expected. Great so far.
However, when I download the build files from Netlify directly, I’ve noticed that all the files in the project have been changed to lowercase. So when I look at my assets, the font is named lemonmilk.woff. This causes “404 file not found” errors in my external deployment as the file names differ in case. I can confirm this is the only difference by renaming the css property to lowercase, which causes it to load correctly.
While it seems farfetched that downloading the files would be renaming them, if I make a build locally, my font files are all uppercase, and when I look at the Network debugger for the Netlify deployment, I can see it loading the file using the original filename (in uppercase), so I’m fairly sure the build process isn’t doing anything funny.
Can you confirm if the build downloader is modifying the files when I request to download them? If this shouldn’t be happening, is there any obvious reason why the files would have different cases only after I download them?
I’m pretty confused, so any help would be great. Thanks!