Font Awesome5 with input placeholder
Set the font-family
as below, but also set the font-weight
according to which style you want to load. For Solid, the font-weight
would be 900
.
input {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
Here's a working CodePen to demonstrate.
This does require that you're properly loading Font Awesome 5, and it will only work in the Webfonts with CSS method. In the CodePen example, only Font Awesome Free Solid is being loaded.
Here's a reference showing the font weights associated with each Font Awesome style.