Skip to content

Instantly share code, notes, and snippets.

@danielres
Created July 22, 2012 00:19
Show Gist options
  • Save danielres/3157685 to your computer and use it in GitHub Desktop.
Save danielres/3157685 to your computer and use it in GitHub Desktop.
Using Font Awesome with Octopress
  1. Download Font Awesome (source)
  2. Take the file sass/font-awesome.sass and put it in your octopress sass folder
  3. Rename it to _font-awesome.sass
  4. Create a directory 'octpress/source/fonts' and put there the 4 font files (ttf, svg, eot and woff).
  5. In your stylesheet:
  • $fontAwesomePath: "fontawesome-webfont"
  • @import font-awesome

Done !

External link icon:
<i class="icon-external-link"></i>
Comment icon:
<i class="icon-comment"></i>
$fontAwesomePath: "fontawesome-webfont"
@import font-awesome
@zx1986
Copy link

zx1986 commented Oct 11, 2012

it does not work :-(

@zx1986
Copy link

zx1986 commented Oct 13, 2012

sorry! my stupid mistake!

127.0.0.1 - - [13/Oct/2012 17:08:24] "GET /fonts/fontawesome-webfont.woff HTTP/1.1" 404 52 0.0010
127.0.0.1 - - [13/Oct/2012 17:08:25] "GET /fonts/fontawesome-webfont.ttf HTTP/1.1" 404 51 0.0009
127.0.0.1 - - [13/Oct/2012 17:08:25] "GET /fonts/fontawesome-webfont.svg HTTP/1.1" 404 51 0.0011

I forgot to put these fonts into source folder.

@avivkiss
Copy link

avivkiss commented Mar 3, 2013

This did not work for me, I have posted what did here: https://gist.github.com/avivkiss/5077581

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment