Font Awesome is a library of icons that can be rendered by downloading a font file and CSS file into the browser. Popular CMS software like Drupal and WordPress provides many themes that depend on font-awesome library to display icons and shapes on the menus and lists. Let us know the list of free CDN of Font Awesome CSS and Fonts.
CDN refers to a Content Delivery Network. It is a network of servers that serve content from multiple locations on the earth. You will be connected to a closer server always to load content fast in less time.
List of Free CDN of Font Awesome CSS and Fonts in 2021
Website owners often search for a free CDN link of Fontawesome. So, we are providing the latest working CDN links here in this post.
Font Awesome icons are rendered in two steps.
- Downloading the font awesome font file.
- Applying the font awesome CSS classes to the HTML elements.
There are two types of Fontawesome font files.
- Fonts containing branded icons
- Fonts containing symbols in daily life
All FONT AWESOME CDNs provide a link to the Fontawesome CSS file. "@font-face" tags are used inside CSS to load various Fonts. So loading a single CSS file loads all the required fonts (branded and non-branded) automatically.
Note that Google AMP pages support only font awesome CDN from the below two providers.
- Bootstrap CDN
- Use Fontawesome CDN (use.fontawesome cdn)
Here is the list of much-awaited Free CDN of Fontawesome CSS and Fonts.
- Use Font awesome CDN 5.9.0
- Font awesome CDN 5.8.2
- Font awesome CDN 5.8.1
- Font awesome CDN 5.8.0
- Font awesome CDN 5.7.2
- MAXCDN BootstrapCDN 4.7.0
- STACKPATH Bootstrap CDN 4.7.0
- Cloudflare CDN 5.9.0
- Cloudflare CDN 5.8.2
- Cloudflare CDN 4.7.0
- JSDELIVR CDN 4.7
All the above are minified (.min) CSS files. The Cloudflare hosts the CDNJS files.
The latest free version of Font Awesome available on a CDN is 5.9 or simply Font-awesome-5, while the most used free version is 4.7 or Font-awesome-4.
The pro version of font-awesome is not listed here as it is meant only for premium customers. It can be obtained from the Font Awesome website itself.
How to add Font Awesome library to the HTML of Webpage
In the <head> of the HTML file or webpage, simply put the below tag specifying the source of CSS file from a chosen CDN. Your webpage can render the font awesome icons properly.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css" crossorigin="anonymous" />
This is how you can add font-awesome library on your website or webpage using a link tag.
Share this article on Free CDN providers of Font Awesome library with your friends and colleagues to encourage authors.