Font Awesome funktioniert nicht im Offline-Modus

Question

Ich verwende font-awesome Icons für die Veröffentlichung meiner HTML, CSS-Vorlagen. Sie funktionieren gut, wenn ich den Live-Link habe, aber wenn ich die CSS-Datei herunterlade und das in mein Seiten-Icon einfüge, verschwindet es.

Live-Pfad: <link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

Lokaler Pfad: <link href="css/font-awesome.css" rel="stylesheet">

Wie ich die Schrift genial im Offline-Modus verwenden kann?

Answer 1

Sie müssen auch die Schriften selbst als auch zum Download ... Es ist eine Schrift, wie jedes andere ... Also, gehen Website zu fontawesome, folgen die Anweisungen und Download CSS + Fonts :)

Answer 2

Könnte ein Pfadname Problem Try sein:

<link href="./css/font-awesome.css" rel="stylesheet"> 

Answer 3

Ich denke, Sie haben keine Schriftarten heruntergeladen oder Sie verwendeten falschen Pfad. Sie können font awesome v4.6.3 unter http://fontawesome.io/assets/font-awesome-4.6.3.zip herunterladen. Und vergessen Sie nicht, überprüfen Sie Ihren Weg!

Hoffe, das hilft.

Answer 4

Haben Sie FontAwesome in Ihr Projekt eingebunden? Ihre Struktur muss so sein:

[+]assets 
    [+]css 
     font-awesome.css 
    [+]js 
     demo-file.js 
    [+]fonts 
     fontawesome-webfont.eot 
     fontawesome-webfont.svg 
     fontawesome-webfont.ttf 
     fontawesome-webfont.woff 
     fontawesome-webfont.woff2 
index.html 
sample.html 
whatever.html 

danach können Sie FontAwesome lokal verwenden.