I'm using FontAwesome to include an icon in the placeholder of an input.

Here's my code:

<input type="password" name="password" placeholder="&#xf023; &nbsp; Password">

But the view on the screen is displayed as "Passw rd".

When I change the placeholder value to &#xf023; &nbsp; Passward, or any other letter other than "o", than it displays perfectly fine. What's up?


@font-face {
    font-family: FontAwesome;
    src:url( format('eot'),
    url( format('woff'),
    url( format('truetype'),
    url( format('svg');

Including this code aboves causes o's to not appear.


Was it helpful?


t.niese in the comments solved it-- it's simply a bug with version 2 of FontAwesome.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top