Make font awesome icons locally available

Continuing the discussion from Privacy concerns with [Theme: Universal]:

I have been able to make both jquery (from, the fonts (from and the bootstrap.min.css from bootstrapcdn stored available.
Trying to do the same with font awesome (from bootstrapcdn as well), I have failed for some reason. Here is what I did:

  1. Download the files at
  2. Extract all contents of fonts/ to static/fonts/
  3. Extract the font-awesome.min.css to static/css/
  4. Replace the following line inside head.html
    <link rel="stylesheet" href="">
    <link rel="stylesheet" href="{{ .Site.BaseURL }}css/font-awesome.min.css">

However, the icons cannot be displayed:

Am I missing something?

Check the font-face call in the CSS file and make sure it’s pointing to the correct font files (i.e., ttf, eot, woff, svg, etc) according to your directory structure.