Font Awesome Icons überhaupt nicht angezeigt

Ich arbeite mit Bootstrap und verwende Chrom. Ich habe den folgenden Code in meine HTML-Datei eingefügt, um FontAwesome zu importieren.Font Awesome Icons überhaupt nicht angezeigt

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

Und dann in das folgende Symbol einfügen.

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

Nichts zeigte sich überhaupt! Wenn ich Element überprüfe, ist es ein 0x0-Text. Keine Höhe, keine Breite. Es erscheint überhaupt nicht.

Quelle

2014-09-05 aritroper

Funktioniert hier ok: http://www.bootply.com/mfeJ6QIc5k. Stellen Sie sicher, dass die Datei, von der Sie verlinken, ordnungsgemäß geladen wird. – Dan

haben Sie wahrscheinlich etwas anderes überschreiben Ihre CSS, weil Dans Code gut für mich funktioniert – Devin

Sie müssen nicht nur das CSS, sondern auch die Schriftart vorhanden sein. –

Wenn Sie es lokal testen, fügen Sie http: an den Anfang Ihres href-Werts ein.

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

Quelle

2014-09-05 02:47:32 Sean

nicht verbinden Ich testete auf meinem localhost, ist nicht notwendig, "http" vor dem Link einzugeben. – TooJuniorToCode

Danke, das macht es! – aritroper

TooJuniorToCode Sie sind korrekt, wenn Sie Ihre Site auf einem lokalen Server testen. Wenn Sie jedoch Ihre Site-Layouts ohne einen lokalen Server testen, benötigen Sie die http. – Sean

Font Awesome Icons überhaupt nicht angezeigt

Antwort

Verwandte Themen