2014-09-05 13 views
9

Sto lavorando con bootstrap e sto usando chrome. Ho inserito il seguente codice nel mio file HTML per importare FontAwesome.Font Awesome Icone non visualizzate affatto

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

E quindi inserire la seguente icona.

<i class="fa fa-search"></i> 

Niente si è presentato! Quando controllo l'elemento, è un testo 0x0. Nessuna altezza senza larghezza. Non si presenta affatto.

+2

Funziona bene qui: http://www.bootply.com/mfeJ6QIc5k. Assicurati che il file dal quale stai effettuando il collegamento sia stato caricato correttamente. – Dan

+0

probabilmente hai qualcos'altro che sovrascrive il tuo CSS, perché il codice di Dan funziona bene per me – Devin

+1

Non è necessario solo il CSS, ma anche il carattere per essere presente. –

risposta

13

Se si esegue il test localmente aggiungere http: all'inizio del valore di href.

<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> 
+1

ho provato sul mio localhost, non è necessario inserire "http" davanti al link. – TooJuniorToCode

+0

Grazie, lo fa! – aritroper

+0

TooJuniorToCode sei corretto se stai testando il tuo sito su un server locale, tuttavia se stai testando i layout del tuo sito senza un server locale hai bisogno del http. – Sean