My helpful screenshot

This is cool

Font Awesome

This is an open-source and free icon font. It’s pretty easy to use, you add the font-awesome directory to your project, reference the font-awesome stylesheet from your page, and then just start adding characters in the font.

It works well with Bootstrap 3, and you can either integrate Bootstrap yourself, or start with the Jekyll-Bootstrap project. Or, just hand-add CSS and HTML yourself.

I added this to my _includes/head.html template file:

<link rel="stylesheet" href="{{ "/font-awesome/css/font-awesome.min.css" | prepend: site.baseurl }}">

Here’s a corny yet effective example:

<i class="fa fa-refresh fa-4x fa-spin"></i>

I hope to have fun with this, in tasteful effective ways.


Font Awesome Icons