I am really stuck, I’ve tried troubleshooting why FontAwesome won’t load but I have no idea. I’m using a personal kit which is set to V6 of FontAwesome.
<link rel="stylesheet" href="https://kit.fontawesome.com/48bcbf2c30.css" crossorigin="anonymous">
Which is by the way nested in my <head> element.
I only want to use brand icons all of which should be free to my understanding, for example I put this within my body element with no luck:
<i class="fa-brands fa-square-facebook"></i>
I’m getting CORS blocked (on Codepen) when using the CSS file they link to. Try using the JS file instead.
<script src="https://kit.fontawesome.com/48bcbf2c30.js" crossorigin="anonymous"></script>
Or just use a CDN link for the CSS file instead.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
Hey, thanks a bunch for this!! Was changing ALL the http:// on my (cough) Tumblr theme to https:// due to it coming up as a security concern, and I’d narrowed it down to the kit being js and not having anything to fix, but I couldn’t figure out a way to get it to link to an https-using address. This fixed it completely.
SUCCESS! Joined here just to say thanks. Well, and because I’m sure I will actually use this site, of course, but it was a great prompt to do so.
(It’s weird, though, the kits say you’re able to use CSS, but they don’t give you an option to direct to a CSS file. They’re hosting, they should be able to provide you with the host address.)
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.