![]() And luckily, we already took care of that for you! ![]() Performance is one of those things you don't care about until you do. Once you've downloaded the Kit, you can follow the instructions to Host Yourself - Web Fonts or Host Yourself - SVG+JS. Then from the Set Up tab in your Kit, you'll see the options for downloading.Īnd if you have custom icons in your Kit, they will be included in your download in all the formats, just like the Font Awesome ones. To download your Kit, make sure the Kit's version in Settings is set to "Latest 6.x" or if you selected a specific version, it needs to be at least 6.4. Starting with version 6.4, you can now download a Kit and host it yourself (or use the icons in your desktop apps). The Font Awesome CDN does not support v6 so your best bet is to use a Kit. Head over to Kits and get started! Create a Kit You'll need to set your Kit to use Version 6 with Web Fonts, and make sure you're okay with the pros and cons: Benefits of CSS-only Kitsīlocks the page from loading until the icons are ready Then just add it to the of each template or page of your project that you want to use Font Awesome icons.įor those of you who prefer no javascript for "reasons", you can select the option to use a CSS-only Kit code which will load Font Awesome strictly through CSS. Add the Kit Code to your projectįrom your kit's detail page, you can copy the javascript Kit code. Visit the settings for your Kit if you would like to make adjustments to suit your project. We automatically generate a random string for your kit's name but you can name it something memorable, like your project's name, what you'll use the kit for, or your favorite Star Wars character. Temporarily detect conflicts with other versions of Font Awesome loading in your project Latest (auto-updates to whatever the latest release is)Įnables old version 4 or 5 icon names or references Select the version of Font Awesome you want to load Set which domains are allowed to use this kit and prevent unauthorized use of your kit code Adjust Your Kit Settingsīy default, a new kit is set up with these settings: Kit FeatureĪn easily identifiable name for your kit (maybe use a project or site name?)Ĭhoose the type of tech you want to use to render your icons, Web Fonts or SVG+JS From the Kits page, you can easily create a new kit and follow the steps to get it set up in your project. You can access Kits in your account menu or from your account page. Just create, add the kit code to your project, and you're set to get the icons flowing! 1. Our Kits service gets icons into your web projects with just one line of code. Conflict Detection for those tricky situationsĪnd now you can upload your own icons and serve them alongside Font Awesome icons! How to Use a Kit.Auto-accessibility automatically applies accessibility best practices to your icons so everyone can join the icon party.Easy settings for selecting Free or Pro icons, Web Font or SVG+JS. ![]() Auto-subsetting that serves only the icons you use so your pages load lightning-fast.What's a Kit?Ī Font Awesome Kit is like a suitcase that carries all the icons and awesomeness you need in a neat little lightweight bundle you can pack into your project with ease.Ī Kit Icons page shows what icons are in this Kit Font Awesome Kits are here to save the day! Fast, flexible, friendly, and full of icons-They're the personal CDN you've been waiting for. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |