i class="fa-solid fa-camera">i> i class="fa-regular fa-camera">i> i class="fa-light fa-camera">i> i class="fa-thin fa-camera">i> i class="fa-duotone fa-solid fa-camera">i> i class="fa-sharp fa-solid fa-camera">i> i class="fa-sharp fa-regular fa-camera">i> i class="fa-sharp fa-light fa-camera">i> i class="fa-sharp fa-thin fa-camera">i> i class="fa-sharp-duotone fa-solid fa-camera">i> i class="fa-brands fa-twitter">i>
I use a CMS or web publishing tool like WordPress, Squarespace, or Wix. How do I use Font Awesome in my site?
For WordPress, we have an official plugin which supports Font Awesome 5. A version of the plugin that supports Font Awesome 6 is in the works.
For the others, while we’ll be drafting some more instructions and possibly future tools to help more specifically, right now your best bet is to follow the quick start, if you have access in your site-building tool. But you’ll need to be fairly familiar with HTML.
My site uses a theme with Font Awesome in it. How can I use Font Awesome Version 6?
Our hosted Font Awesome Kits may be able to help with this. There is a built in conflict detection option in Kit settings that can help identify the versions being loaded. If the theme uses Font Awesome 4, Kits also have a feature to enable Version 4 compatibility right out of the box, err, Kit. When the Version 4 Compatibility feature is enabled, this feature will help resolve any conflicts with older versions of Font Awesome your project may still be loading.
If you are hosting Font Awesome 6 yourself or not using a Kit and there’s no way to override the Font Awesome assets used in the theme, you’ll need to contact the theme developer/designer and ask them to upgrade the theme to use Font Awesome 6.
Can I use Font Awesome 6 and older versions together?
No, we do not recommend this as many of the CSS class names, icon unicode values, and supporting styling have a lot of overlap. Lots of collisions would happen and we can’t promise icons will render as you or we expect in this case. Plus, loading so many icons and assets would be no bueno for performance of your site or app.
Can I add my own or custom icons to Font Awesome?
You sure can! We now have the Kit Icon Upload feature that lets you upload and serve other icons right alongside - and with all the same magic - as the Font Awesome icons. You’ll need a active Pro plan and a Pro Kit to upload and use the icons.
Or if you’re looking for more comprehensive asset management for your project, perhaps our very own Fort Awesome might be more what you need?
The file sizes for Font Awesome are too big for my project. What can I do?
The easiest option is to use a Kit which auto-subsets down to just the icons you use. Or you can create your own subset with our Kit Custom Subsetting options or host yourself and only load the styles you are using in your project.
I’m having trouble with my uploaded icons!
If you’re having trouble getting your icon uploaded, make sure you check the icon preparation recommendations.
If you have the icon uploaded, but it won’t load in your project, doublechek that your project is referencing the right Kit, and make sure you’re using the fak style and not one of the official Font Awesome styles (like fas or far ).
If neither of those helps you, we’ve got a special section for troubleshooting Icon Uploads that might help with your specific issue.
Why aren’t my Duotone icons working?
Sounds like double trouble! We’ve got a special set of troubleshooting for Duotone icons.
Why isn’t my Kit working on my project?
Hmmm. Make sure you’ve copied your Kit’s unique Kit embed code correctly. Also make sure you aren’t using Subresource Integrity (SRI) or Content Security Policy (CSP). These advanced security features are not compatible with our Kits product.
Why isn’t Pro CDN working on my project?
Hmmm. Double-check that you’ve added the domain you’re trying to use the Pro CDN on and that if you need it, you’ve included "www." as part of it. Lastly, make sure that your Font Awesome Pro subscription, which grants your access to all of our services, is active.
Is there somewhere I can see all the style options that Font Awesome offers?
With Version 6, we’ve added a lot of new styles AND styling options. If you want to see the different icon styles we have, check out the Styles of Font Awesome.
If you want to see all the out-of-the-box options for styling icons, you can check out Styling Options.
And if you are looking for a quick reference for all the CSS custom properties we have enabled, check out the Style CheatSheet.
Why are my animated icons not animating?
Make sure your system’s settings are not preventing the animations. You can check it or change it in user preferences.
I started using Sharp Thin’s .fast CSS class and now my site’s typefaces are broken and animations are not working
Older versions of animate.css also used the fast CSS class selector to control the speed of animations.
Since Font Awesome also uses this class selector, they conflict with each other.
You can fix this by upgrading animate.css to a new version or you can add this exception into your CSS somewhere to work around the issues.
.animated.fast font-family: inherit;>
My question or issue wasn’t answered by this information. What can I do?
Let us know! Give us feedback. We’re listening - and want to make Font Awesome as awesome as possible.
