Remove the font-awesome dependency

[NathanLovato]

We're using font-awesome for a handful of icons on the website, but it's pretty heavy and delays full rendering of the page by quite a lot. In particular, the mobile menu icon.

[squirrellogic]

Are you planning on replacing FontAwesome with inline SVG, spans with SVG backgrounds, or a minimal custom icon font using something like Fontello?

[NathanLovato]

I'm unsure of the best approach there. In short, we use but a handful of fa icons: social networks, and maybe there are leftover link, book icons around the website; but we don't really need those. I think something like the tutorial menu could work, a plain svg object.

{{ with .Params.icon }}
<svg class="tut-menu-icon">
    <use xlink:href="/img/icons/menu-icons.svg#{{ . }}" />
</svg>
{{ end }}

[NathanLovato]

After checking, the only place we still use font-awesome on the main website is the main navigation, these 4 icons

There are some others but I'll clean them up now, they're all unnecessary