html - 奇怪的 FontAwesome 输入占位符错误

Question

我正在使用 FontAwesome 在输入的占位符中包含一个图标。

这是我的代码:

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

但屏幕上的 View 显示为“Passw rd”。

当我将占位符值更改为    Passward 时，或除“o”以外的任何其他字母，但它显示得非常好。怎么了？

更新:

@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;
}

包含上述代码会导致 o 不出现。

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

Answer 1

评论中的

t.niese 解决了这个问题——这只是 FontAwesome 版本 2 的一个错误。