fa-user-circle-o funktioniert nicht

Ich möchte Benutzerkreis-Symbol zeigen, ich habe eine font-awesome CSS-Datei mit Version 4.7.0 herunterladen. Aber das funktioniert nicht für mich. Wenn ich cdn benutze, dann funktioniert es. Ich verstehe nicht, was das Problem in der heruntergeladenen Datei ist. Hier mein Code:fa-user-circle-o funktioniert nicht

<html> 
    <head> 
     <link href="font-awesome.min.css" rel="stylesheet" type="text/css"> 
    </head> 
    <body> 
     <i class="fa fa-user-circle-o"></i> 
    </body> 
</html>

Weiß jemand, was ist das Problem?

Quelle

2017-12-13 Diksha Jiwane

Es kann über "relative Pfade" sein. Können Sie Ihre CSS-Datei teilen? –

Wie Sie aus dem Namen wissen können, Font-Awesome hat cool Schriftart-basierten Ansatz zur Verwendung von Symbolen. Also, einschließlich CSS-Datei ist nicht genug. Wenn Sie Ihre CSS-Datei lokal speichern möchten, sollten Sie auch Schriftartendateien speichern.

Wie documented, sollten Sie gesamte Ordner (einschließlich Schriftarten-Ordner, die Woff, Tff usw. enthält) auf Ihrem Server haben.

Kopieren Sie die gesamte Schrift-awesome Verzeichnis in Ihr Projekt.

Verweisen Sie in Ihrem HTML-Code den Speicherort auf Ihre Schriftart-awesome.min.css.

Quelle

2017-12-13 08:37:44

Es gibt kein Problem mit body Teil von HTML. Sicherlich muss es mit font-awesome.min.css oder seinem Pfad sein.

Es gibt zwei Möglichkeiten, um dieses Problem zu gehen:

font-awesome.min.css nicht zusammen mit Ihrem HTML geladen werden. Check in network Registerkarte von Chrome DevTools. Der von Ihnen angegebene Pfad zeigt an, dass chrome nach der CSS-Datei im selben Verzeichnis wie die HTML-Datei sucht.
Alternativ können Sie cdn Link für font-awesome.min.css bereitstellen, wenn Sie das CSS nicht selbst verwalten möchten. Dazu ändern link Registerkarte in head auf unter:

 
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

Quelle

2017-12-13 08:43:45

Sie haben die Schriftdateien hosten. Gehen Sie auf die fontawesome-Website und lesen Sie die entsprechende Dokumentation. Font awesome get started

Quelle

2017-12-13 08:47:29

fa-user-circle-o funktioniert nicht

Antwort

Verwandte Themen