"fa-thumbtack" missing from Line Awesome font when replacing FA?


#1

Hi,

I am trialling Line Awesome on a website that already has Font Awesome. So I include this in the header:

<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/css/all.min.css">

Everything works great, but I can’t seem to get “fa-thumbtack” (or “fa-thumb-tack”) working - it just appears as a “missing character” box. Could it be missing from the font?

Many thanks


#2

Hi! We do have this icon in the font, but its name is written without a hyphen:
<i class="fas fa-thumbtack"></i>
Please try that and let us know if that helped! Thank you.


#3

Turns out it wasn’t working as I had font-weight: normal applied - looks like it needs to be bold for the font to work.

Thanks for looking.


#4

Yes, right. It is better not to apply any styles to the font. Since initially the icon you used was bold by default, putting normal style to it has caused it not working.
You can find the instructions on our website as well: https://icons8.com/line-awesome/howto
image