Unlike other plugins that offer customizable blocks, Stackable lets you choose from premium pre-made designs that match the quality of Font Awesome icons. To make using Font Awesome easier, the best way to proceed with that is by installing Stackable, our Gutenberg block plugin. This way, you keep the site lean and bloat-free, thus resulting in faster loading as opposed to going with a different route.
#FONT KIT ONTO WORDPRESS HOW TO#
To have full control on how to manage Font Awesome icons on your website, it’s best to host them on your server.īy hosting the icons yourself, you can only include files of icons that you will use on your WordPress site. Link to externally hosted Font Awesome icons However, the former serves the icons on your site much faster and more efficiently. The latter doesn’t require you to create an account to access the Kit Code. You have the option to load the icons from the Kit Code (similar to the setup above) or from a CDN. One of the many plugins you can use is the official one from Font Awesome itself.Īfter installing and activating the plugin, you can tweak it to your desired settings. There are lots of WordPress plugins that will help you serve Font Awesome icons on your site. Save the changes to enable Font Awesome on your site. If you’re already using a plugin that allows you to embed code on the header section like the Insert Headers and Footers plugin by WPBeginner, you can copy and paste the Kit Code on the header section. Keep this in mind when choosing between the two. However, not all browsers will recognize SVG and show you icons properly. Regarding converting the icons to SVG files instead of web front, you have access to customize the appearance of icons, among other things. What it does is load icons you’re only using for your projects, thus reducing API requests and improving your loading speed. Not only do you gain access to premium icons, but you also enable automatic subsetting.
#FONT KIT ONTO WORDPRESS PRO#
Go to the Settings page and click on the Pro radio button for Icons and SVG for Technology. Upon and setting up your account further, you should see your Kit Code on your dashboard.īut before clicking on the “Copy Kit Code” button, you can serve the icons much faster and more efficiently.
If you don’t have one yet, you can sign up for free.
You can access your Kit Code from your Font Awesome account. Set Up By Manually by Copy and Pasting your Kit Code That said, below are the ways to integrate Font Awesome into WordPress.
0 kommentar(er)
