t.niese in the comments solved it-- it's simply a bug with version 2 of FontAwesome.
Bizarre FontAwesome input placeholder bug
-
23-07-2023 - |
Frage
I'm using FontAwesome to include an icon in the placeholder of an input.
Here's my code:
<input type="password" name="password" placeholder=" Password">
But the view on the screen is displayed as "Passw rd".
When I change the placeholder value to  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/
Lösung
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow