I was using font awesomes 'search' font
<i class="fas fa-search"></i>
unicode characters
f002
in my search field placeholder like this
<input id="navbarSearchField" type="text" class="form-control searchInputsHeight" style="font-family:Arial, FontAwesome" placeholder=" Location" aria-describedby="navbarDate" />
and it was working fine until I upgraded to Font Awesome 5.0.13 from the older 4.4
Looking at the Font Awesome site the unicode characters are still the same.
So I'm wondering if there is some file I missed when downloading the fonts or am I not implementing it correctly?
I think this is a very interesting question, and I'm sure this is not a 100% perfect solution, but I found this Github Issue, where they say, that you also need to set
font-weight: 900
for solid Font Awesome Icons. Also thefont-family
changed a bit, as mentioned in the comments. Please take a look at the snippet below, I am not sure if you can "unbold" the text after the icon.It seems like you would'nt need to set a specific font-weight with the "Regular" Icon Pack of FA, but unfortunaly this is part of FA Pro, which you would have to purchase.