Firefox: FontAwesome Icons gone missing?
Hey, on my Docker build the font awesome icons are all missing, and console has a whole lotta this:
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://use.fontawesome.com/releases/v5.15.1/webfonts/fa-solid-900.ttf. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
downloadable font: download failed (font-family: "Font Awesome 5 Free" style:normal weight:900 stretch:100 src index:3): bad URI or cross-site access not allowed source: https://use.fontawesome.com/releases/v5.15.1/webfonts/fa-solid-900.ttf
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://use.fontawesome.com/releases/v5.15.1/webfonts/fa-regular-400.ttf. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
downloadable font: download failed (font-family: "Font Awesome 5 Free" style:normal weight:400 stretch:100 src index:3): bad URI or cross-site access not allowed source: https://use.fontawesome.com/releases/v5.15.1/webfonts/fa-regular-400.ttf
I thought it was due to some changes to snippet bar I made on a branch, but having the same issue on my master branch that I haven't touched besides merging upstream/master into it. Also, it's ALL icons, not just in the snippet bar.
I saw a few cross-site cookie warnings for font-awesome the other day. They seem to have gone away now. I suspect a hiccup with them changing their hosting arrangement. Give it a day, see if issue persists.
@Gazook89 is this still an issue on the Docker stuff?
I found this question/answer on the mozilla forums regarding this. I was wrong when I opened this issue-- it's not a Docker thing, it's a Firefox thing and at the time it didn't even occur to me to try it in Chrome.
The above link offers a solution (changing a flag privacy.file_unique_origin to false) but that solution no longer works as of FF 95(?). I think the only solution now is to host the fontawesome icons we need directly on HB? I'm not sure how that works, but looks like you can download a subset/"kit" of their icons and just host like a font?
This is merely a local development with firefox issue, so not a big deal probably for most people, though I would appreciate it :)