# Advice on how to implement Fontawesome needed!

**URL:** <https://discourse.gohugo.io/t/advice-on-how-to-implement-fontawesome-needed/26303>\
**Category:** support\
**Created:** [June 16, 2020, 2:23pm UTC](https://discourse.gohugo.io/t/advice-on-how-to-implement-fontawesome-needed/26303 "2020-06-16T14:23:27Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![andyhawk](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/andyhawk/32/11648_2.png) [@andyhawk](https://discourse.gohugo.io/u/andyhawk)\
**Post date:** [June 16, 2020, 2:23pm UTC](https://discourse.gohugo.io/t/advice-on-how-to-implement-fontawesome-needed/26303/1 "2020-06-16T14:23:27Z")

</div>

Hi, I need some good advice on how to install and use Fontawesome on my site. I use “navigator-hugo” by Themefisher right now and it seems not to have FA included.

I just need a good step-by-step description on how to do it myself. I think it is very easy for those of you that have done it a dozen times or more 😉

Thank you in advance

/Andy

---

<div class="post-metadata">

**Author:** ![davidsneighbour](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/davidsneighbour/32/24507_2.png) [@davidsneighbour](https://discourse.gohugo.io/u/davidsneighbour)\
**Post date:** [June 16, 2020, 3:18pm UTC](https://discourse.gohugo.io/t/advice-on-how-to-implement-fontawesome-needed/26303/2 "2020-06-16T15:18:44Z")

</div>

Link your theme’s website and we can have a look. I did add Fontawesome quite normally like `npm install fontawesome` and then added an include path parameter to my own scss file. It depends on the _theme_ how additional styles are added. Most (good) themes are giving you the opportunity to add a stylesheet file that will be included when the theme is compiled. In that case put the fontawesome files into the `static` directory and add to _that_ stylesheet file the fontdefinitions.

---

<div class="post-metadata">

**Author:** ![andyhawk](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/andyhawk/32/11648_2.png) [@andyhawk](https://discourse.gohugo.io/u/andyhawk)\
**Post date:** [June 16, 2020, 4:16pm UTC](https://discourse.gohugo.io/t/advice-on-how-to-implement-fontawesome-needed/26303/3 "2020-06-16T16:16:12Z")

</div>

Hi Pkollitsch and thanks for the answer. However I only have a local site in which I want to test out fontawesome. What I want to know is what files to download, the locations to store them and basic usage, i.e how to use them (reference them) in my template, for example list.html and single.html. I have an idea regarding using icons for my taxonomies (categories and tags). I saw some examples from Hugo Bootstrap4 theme and Love It theme. So I just mean simple basic step-by-step instructions.

Thanks

---

<div class="post-metadata">

**Author:** ![ju52](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/ju52/32/6749_2.png) [@ju52](https://discourse.gohugo.io/u/ju52)\
**Post date:** [June 16, 2020, 4:24pm UTC](https://discourse.gohugo.io/t/advice-on-how-to-implement-fontawesome-needed/26303/4 "2020-06-16T16:24:50Z")

</div>

HI  
look at [https://fontawesome.com/start](https://fontawesome.com/start)

If you “create a kit”, all is done. You get the line to include on your sites - like this

`<script src=https://kit.fontawesome.com/c0666666dd.js></script>`

---

<div class="post-metadata">

**Author:** ![andyhawk](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/andyhawk/32/11648_2.png) [@andyhawk](https://discourse.gohugo.io/u/andyhawk)\
**Post date:** [June 16, 2020, 4:58pm UTC](https://discourse.gohugo.io/t/advice-on-how-to-implement-fontawesome-needed/26303/5 "2020-06-16T16:58:47Z")

</div>

Thanks ju52. Is there some special page I can put this on (the script)? I mean globally so that I can do it once and use it wherever I want… only reference to it. I know a lot on html so that should be easy.

---

<div class="post-metadata">

**Author:** ![ju52](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/ju52/32/6749_2.png) [@ju52](https://discourse.gohugo.io/u/ju52)\
**Post date:** [June 16, 2020, 8:43pm UTC](https://discourse.gohugo.io/t/advice-on-how-to-implement-fontawesome-needed/26303/6 "2020-06-16T20:43:44Z")

</div>

I don’t know what theme you use.

look in /layout/\_default/baseof.html, if there is a meta or head partial above {{ block “main” . }}  
it should land between `<head> and </head>`

---

<div class="post-metadata">

**Author:** ![bep](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/bep/32/3332_2.png) [@bep](https://discourse.gohugo.io/u/bep)\
**Post date:** [June 16, 2020, 8:49pm UTC](https://discourse.gohugo.io/t/advice-on-how-to-implement-fontawesome-needed/26303/7 "2020-06-16T20:49:36Z")

</div>

Here is one example of how you could integrated it with Bulma/SASS:

> <https://github.com/bep/hugo-bulma-hero/blob/6aa2d2ead0f318d1cb7a7f9d1ba3467cc2de2257/config.toml#L45>

---

<div class="post-metadata">

**Author:** ![andyhawk](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/andyhawk/32/11648_2.png) [@andyhawk](https://discourse.gohugo.io/u/andyhawk)\
**Post date:** [June 17, 2020, 3:29am UTC](https://discourse.gohugo.io/t/advice-on-how-to-implement-fontawesome-needed/26303/8 "2020-06-17T03:29:24Z")

</div>

Ju52, I think you forgot to finish the sentence (as I perceive it) … but I’ve located baseof.html in the folder you mention… By the way I use navigator-hugo.

---

<div class="post-metadata">

**Author:** ![andyhawk](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/andyhawk/32/11648_2.png) [@andyhawk](https://discourse.gohugo.io/u/andyhawk)\
**Post date:** [June 17, 2020, 3:31am UTC](https://discourse.gohugo.io/t/advice-on-how-to-implement-fontawesome-needed/26303/9 "2020-06-17T03:31:06Z")

</div>

Thanks bep, I use navigator-hugo theme by Themefisher. But I can take a look at it if I switch to Bulma/SASS. I can also check your description on the theme I use right now to see if it works…