Police Génial icône de l'intérieur de la saisie de texte de l'élément

Je suis en train d'insérer une icône d'utilisateur nom d'utilisateur à l'intérieur de champ de saisie.

J'ai essayé la solution de la question similaire
sachant que background-image propriété ne fonctionne pas depuis Police Impressionnant est une police de caractères.

Ce qui suit est mon approche et je ne peux pas obtenir l'affichage de l'icône.

.wrapper input[type="text"] {
    position: relative;
}

.wrapper input[type="text"]:before {
    font-family: 'FontAwesome';
    position: absolute;
    top: 0px;
    left: -5px;
    content: "\f007";
}

J'ai face à la police a déclaré à la police par défaut génial css donc je n'étais pas sûr si l'ajout d'une police de caractères de la famille ci-dessus a été la bonne approche.

 @font-face {
     font-family: 'FontAwesome';
     src: url('../Font/fontawesome-webfont.eot?v=3.2.1');
     src: url('../Font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../Font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../Font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../Font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
 }
  • Que voulez-vous savoir? Quelle est la question / erreur?
  • Oups..j'avoue qu'il n'y a aucun moyen d'identifier l'erreur je rencontre de simplement en regardant mon post original. J'ai édité un peu.
  • Voir ma réponse mis à jour.
InformationsquelleAutor Seong Lee | 2013-10-10