How to Add Font Awesome 4.2 Support to a Postach.io Blog

Home

This post was originally published on my Postach.io blog on January 14th, 2015.

One thing I miss about Fargo blogs were their Font Awesome support. It appears that a number of Postach.io templates include a minified Font Awesome stylesheet, but it only supports version 3.1 of Font Awesome, which has a different syntax than the latest version. Postach.io lets you edit a theme with GitHub, so I thought I’d add the latest icon support to this blog.

In the Postach.io repository, the closest theme I could find resembling the minimal theme I’ve been using is Apex. I forked it, cloned the repository to my Linux VPS, and added the following line to the head element in theme.html:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

I then added, committed and pushed changes, and voila (as you can see at the beginning of this post)!

To add the twitter icon, I just typed <i class=”fa fa-twitter”></i> into Evernote. To make the icon bigger, I just used the WYSIWYG to increase the font-size. It’s a little wonky, but it works.