Oriental font adobe font kit3/17/2023 ![]() ![]() Go to your Kit settings and scroll down to the Domains section.Ĭlick "Add a Domain" and you can enter a domain you'll use the Kit on.If you're seeing more pageviews than you expected, you might want to add domains to limit which sites can use your Kit: Specifying a domain can help you control where and how you're using Font Awesome Kits which helps avoid unexpected extreme usage. I'm getting a lot more pageviews than I think I should be. (Free accounts a limited number of pageviews as well!) You can check your Kit pageviews usage in your Account. We count pageviews per month, and they renew on the first of each month.Įvery Font Awesome subscription comes with a number of Kit pageviews which are counted across all Kits. Kits and PageviewsĪ pageview is counted whenever your Kit is loaded on a page. So your Kit only loads the icons you need and gives you the fastest performance auto-magically. If you're using a Pro Kit, we take just the icons you're using in your project and create a subset on the fly - whether you're using Web Fonts or SVG icons. And luckily, we already took care of that for you! Performance is one of those things you don't care about until you do. 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 Then just add it to the of each template or page of your project that you want to use Font Awesome icons. Add the Kit Code to your projectįrom your kit's detail page, you can copy the 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) 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 From the Kits page, you can easily create a new kit and follow the steps to get it set up in your project.ī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 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.A Font Awesome Kit is like a knapsack that carries all the icons and awesomeness you need in a neat little lightweight bundle you can sling on the back of your project with ease. ![]()
0 Comments
Leave a Reply.AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |