Infectious Coding

A blog by hacker for hackers.

Adding Font Awesome to Octopress

| Comments

This gist together with this post and this post explaining how to add Font Awesome to Octopress just does not work :[

Here are precise steps you have to take to make Font Awesome work.

  • Download Font Awesome.

  • Extract contents :p

  • Copy font-awesome/scss contents to OctoBlog/sass/font-awesome so it becomes OctoBlog/sass/font-awesome/scss.

  • Open OctoBlog/sass/screen.scss and add the line: @import "font-awesome/scss/font-awesome.scss";.

  • Copy font-awesome/font folder to OctoBlog/source so it becomes OctoBlog/source/font.

  • Save files that you have modified.

  • Now you can use Font Awesome! Just add any icon like so:

    • <i class="fa fa-flag"></i> fa-flag (Font Awesome V 4+)
    • <i class="icon-flag"></i> icon-flag (Font Awesome V 3.2.1-)
  • Hit Ctrl+Shift+F5 to refresh the page and cache.

P.S.

You can also use font-awesome/css instead of scss as an alternative. Good luck!

Comments