#Font bundles free plus
If you have set your Kit to Custom Subsetting, your Kit will include ONLY the icons you've selected plus any custom icons you've uploaded. Once you've downloaded the Kit, you can follow the instructions to Host Yourself - Web Fonts or Host Yourself - SVG+JS. SCSS-based utiliies to use with Web Fonts
#Font bundles free pro
License detailing permitted use of Pro Icons What's in a Kit Download? Folders & Files Then on 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. Downloading is available on Kits set to Version 6.4 and higher (or Latest). If you don't want us to host your Kit, you can download any Pro Kit and host it yourself (or use the icons in your desktop apps). 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
#Font bundles free code
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 Kit embed code which will load Font Awesome strictly through CSS. Add the Kit Embed Code to your projectįrom your kit's detail page, you can copy the JS Kit embed 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 Set which domains are allowed to use this kit and prevent unauthorized use of your Kit embed codeĮnables old version 4 or 5 icon names or references Latest (auto-updates to whatever the latest release is)Ĭhoose the type of tech you want to use to render your icons, Web Fonts or SVG+JS
Select the version of Font Awesome you want to load 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 whether you want to use Auto-Subsetting or manage it yourself with custom subsetting 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 embed 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.
0 kommentar(er)
