سؤال

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?

Update:

@font-face {
    font-family: FontAwesome;
    src:url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.eot?#iefix) format('eot'),
    url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.woff) format('woff'),
    url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.ttf) format('truetype'),
    url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.svg#FontAwesome) format('svg');
    font-weight:400;font-style:normal;
}

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

JSFIDDLE: http://jsfiddle.net/9HkRt/

هل كانت مفيدة؟

المحلول

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

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top