Make font awesome icons locally available

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

I have been able to make both jquery (from gstatic.com), the fonts (from fonts.googleapis.com) 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 fontawesome.io
  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="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    with
    <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.

2 Likes

Gracias!