The site I’m working on: https://bothsides.info
Deployed fine via netlify, but the icons that are loading fine locally, are not showing up on my site after deployment.
I’m using a FA Kit, which references this script call:
<script src="https://kit.fontawesome.com/20e1d1eaf0.js" crossorigin="anonymous"></script>
I can see all the calls coming back from FA, so I don’t think it’s a content security or headers issue.
But the fonts are not showing up on my site after deployment.
Where are the icons meant to appear?
Thanks for the reply.
This is how it looks locally:
The issue is to do with opacity, not the icons.
This is caused (usually) during CSS minification as mentioned in Percent values in @keyframes in CSS are incorrect only at build time. · Issue #6076 · vuejs/vue-cli · GitHub
Rather than using percentage values such as
80%, use decimal such as
Also a note, if you are creating a new thread, please don’t post the same content on an existing thread.
Thanks so much for the amazingly quick replies!
I posted on the other thread after finding it via google, and then decided to make it a new post. I will watch out for that in the future.
Thanks again for the help, much appreciated!