The easiest way to get started with Font Awesome is to use BootstrapCDN. With a single line of code, you can get all associated Font Awesome CSS and font files served up. The content is even gzipped coming from Bootstrap CDN:
<link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css" rel="stylesheet">
This is a fantastic way to get up and running with Font Awesome for the first time, as BootstrapCDN also takes care of serving up font files with all the proper MIME types.
Customizing Font Awesome
This is all well and good, but what about folks who want to customize Font Awesome? Turns out you can serve just the fonts directly from BootstrapCDN from your own customized version of Font Awesome. After downloading the latest version of Font Awesome, open up the
font-awesome/less directory. Then, edit
variables.less and change the
@FontAwesomePath variable to:
This gives you all the power to customize Font Awesome styles however you like and still get all the benefits and ease of using BootstrapCDN.