2015-06-14 16 views
6

sto usando font-awesome icone per la pubblicazione dei miei modelli HTML, CSS. Stanno funzionando bene quando ho il collegamento in diretta, ma quando scarico il file CSS e includo che nelle mie pagine l'icona scompare.Font Awesome non funziona in modalità offline

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

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

Come posso utilizzare il tipo di carattere impressionante in modalità offline?

+0

Basta scaricare che i CSS, e comprendono nell'intestazione :) http://fortawesome.github.io/Font-Awesome/assets/font-awesome-4.3.0.zip e controllare percorso css ..:) –

+0

apri http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css e vedi come collegare il font. Dove sei il carattere? – Dmitriy

+0

@Dmitriy thanx ho incluso la cartella dei caratteri e funziona bene sapere :) – Mehar

risposta

6

È inoltre necessario scaricare i font stessi così ... Si tratta di un tipo di carattere, come tutti gli altri ... Quindi, vai al sito web fontawesome, seguono le istruzioni e scaricare css + fonts :)

3

potrebbe essere un problema percorso Prova:

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

Hai incorporato FontAwesome nel tuo progetto? tua struttura deve essere come questo:

[+]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 

dopo di che, si può usare FontAwesome localmente.

+0

Questo ha risolto il mio problema. Grazie :) –

Problemi correlati