#Css font kit generator pro#

If you'd rather do the heavy lifting, you can download any Pro Kit and host it yourself! To download your Kit, make sure it's a Pro with the version in Settings is set to 'Latest 6.x' or at least 6.4. Then, add a link to the /your-path-to-fontawesome/css/all.css file into the of each template or page where you want to use Font Awesome. You'll want to keep them in the same directory. If you'd like to use the all.css, just copy the /webfonts folder and the /css/all.css file into your project’s assets directory where other images and CSS are stored. But if you're using just a couple of styles, we don't recommend it for production sites since loading all of the icons and files isn't great for performance. It's a handy file if you'll be using all the icon styles or testing out different styles as you develop your project. (The Sharp family is not included in the all.css file - you'll need to add the Sharp. This file contains the core styling and utilities PLUS all of the icons in all the Classic styles in Font Awesome. In the /css folder, you may have noticed a file named all.css.

#Css font kit generator how to#

Learn how to add them to your project and then use their power to bring order and style to your UI! Add Some Icons! Like Anakin said, it’s woooorking! All of our icons are now ready to do your project’s bidding. Make sure the paths of the files you've included in your pages' point to where you've moved all of Font Awesome's files in your project.

Here's a handy table that shows which files go with which styles: Icon Style css and web font files you don't plan on using.Ĭopy webfonts and CSS assets into one of your project directories Be sure to include the core styling file - /css/fontawesome.css - as well as the CSS files for any individual styles you want to use, and you can remove any.

Just the Free Icons as Web Fonts to be used with CSSĬSS files for using just the Free Web FontsĬopy both the /webfonts and the /css folders into your project's static assets directory (or wherever you prefer to keep front-end assets or vendor stuff). There's a Free and Pro version of each in our Pro download - pick the one that's right for your project and grab those files. The /webfonts folder contains all of the typeface files that the CSS files depend on. The /css folder contains the core styling and utilities for all of Font Awesome's families (Classic, Sharp, and Brands) as well as style options (Solid, Regular, Light, Duotone, and Thin). Inside the Font Awesome Download or package, you'll find the files you need.

Want to use the WebFonts+CSS method of Font Awesome.

Download the Font Awesome v6 files and have them handy.