Font Awesome is a font and icon toolkit based on CSS. It was made by Dave Gandy for use with Twitter Bootstrap, and later was incorporated into the BootstrapCDN. Font Awesome has a 20% market share among those websites which use third-party Font Scripts on their platform, ranking it second place after Google Fonts.
Font Awesome provides more than 600+ icons for developers and bloggers to customize there sites/blogs. You can easily access font awesome icons by including a CSS link in your head section but the problem with the CSS link is that it cannot be load asynchronous and contribute to the render-blocking, Which can increase load time of a webpage.
Font Awesome provides more than 600+ icons for developers and bloggers to customize there sites/blogs. You can easily access font awesome icons by including a CSS link in your head section but the problem with the CSS link is that it cannot be load asynchronous and contribute to the render-blocking, Which can increase load time of a webpage.
Why Use Font Awesome CDN-Asynchronous Script?
- It served over the CDN (Content Delivery Network) , Which in returns increase load time.
- As it is Asynchronous in nature it will not do any render blocking and will load in background quickly.
How To Use Font Awesome Asynchronous Version?
Step1: Go to Font Awesome cdn.
Step2: Enter your email id and click on Send me a code!.
Step3: Open your email account and search for font awesome email.
Step4: Click on Register Your Font Awesome CDN Account and setup your font awesome account.
Step5: After setting up your account Edit your script from your font awesome account and tick on Asynchronous icon loading and save your changes.
Step6: Now, include your edited script code between <head> and </head> in your html and enjoy Asynchronous font awesome icons with fast loading speed.