Kann Bildsymbol in Schaltfläche

Question

nicht anzeigen Ich habe eine HTML-Datei, in der ich Symbole in Schaltfläche anzeigen möchte. I 3 verschiedene Bilder von Super Schrift von bin mit d.h

<i class="fa fa-user" aria-hidden="true"></i> 
<i class="fa fa-user-plus" aria-hidden="true"></i> 
<i class="fa fa-user-times" aria-hidden="true"></i> 

Ich habe seine Bibliothek in meinem Projekt enthält.

Nur das erste Bild-Tag, d. H. <i class="fa fa-user" aria-hidden="true"> arbeitet im Ruhezustand, zeigt das Symbol nicht an. Brauche Hilfe! Vielen Dank im Voraus.

<div class="col-md-6" style="text-align:center"> 
    <button class="btn btn-primary" type="button" ng-click="onUnAssignUsers()"><i class="fa fa-user-times" aria-hidden="true"></i>Unassign Users</button> 
    <button class="btn btn-primary" type="button" ng-click="onAssignUsers()"><i class="fa fa-user-plus" aria-hidden="true"></i>Assign Users</button> 
    <button class="btn btn-primary" type="button" ng-click="onUsers()">Users</button> 
</div> 

Answer 1

Stellen Sie sicher, dass Sie die neueste Version von Font-Awesome verwenden. Hier ist der Link, den ich für Geige verwendet habe und ist das neueste CDN von bootstrapcdn.

https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css 

Sie verfehlten <i class="fa fa-user-times" aria-hidden="true"></i> auf Users Knopf aus.

prüfen https://jsfiddle.net/luzan/det1ovqa/

Answer 2

Sie verwenden nicht die neueste Version. Diese Symbole sind in Version 4 enthalten.

Answer 3

versuchen diese. Ich denke, es ist <link rel="stylesheet" href="path-to-your-fontawesome-css-file/css/font-awesome.css">

<link rel="stylesheet" href="http://fontawesome.io//assets/font-awesome/css/font-awesome.css"> 
 
    <div class="col-md-6" style="text-align:center"> 
 
      <button class="btn btn-primary" type="button" ng-click="onUnAssignUsers()"><i class="fa fa-user-times" aria-hidden="true"></i> Unassign Users</button> 
 
      <button class="btn btn-primary" type="button" ng-click="onAssignUsers()"><i class="fa fa-user-plus" aria-hidden="true"></i> Assign Users</button> 
 
      <button class="btn btn-primary" type="button" ng-click="onUsers()"><i class="fa fa-user" aria-hidden="true"></i> Users</button> 
 
      </div>