Font-Awesome Icons werden nicht geladen?

Guten Abend

Meine Icons von FontAwesome laden nicht.

Ich setzt die Icons mit einem <i> ein aber sie werden nicht angezeigt.

<i class="fa fa-file-zip-o"></i>

(Muss ich noch etwas in den Head einfügen - einen Link oder so?)

MFG

3 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

Niklas

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

16.09.2020, 17:47

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />

https://fontawesome.com/

Und das Beispiel ist von CDNJS kopiert: https://cdnjs.com/libraries/font-awesome

Besser wäre, du lädst die Datei runter und lädst sie dann lokal von deinem Server/Webspace.

Woher ich das weiß:Studium / Ausbildung

Niklas

22.09.2020, 08:33

Danke für den Stern 🌟

number11

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

16.09.2020, 16:26

Hast du die Fonts im Header geladen?

Wie bindest du sie denn ein?

Steffile

16.09.2020, 16:25

Ja, die Fonts muessen natuerlich irgendwo herkommen :)

Ähnliche Beiträge

Font Awesome Icons Free, was muss ins Impressum (HTML)?

Guten Abend,

Darf ich bei Font Awesome, die kostenlosen icons Problemlos verwenden und oder muss ich etwas ins Impressum schreiben?

Wenn ja, Was?

Wenn Nein, Also geht es klar das ich die Icons Free nutze? ;D

Danke im vorraus

...zum Beitrag

HTML/JS Icon Link lädt zu lange?

Hey,

ich lade meine Icons über diesen Link:

<script src="https://kit.fontawesome.com/03a9efeaa3.js" crossorigin="anonymous"></script>

Dieser Link ist im head. Mein anderer script-Tag ist im body und lautet so:

<script type="module" src="./JS/main.js"></script>

Nun habe ich das Problem, dass wenn ich meine Seite neu lade, es lange lädt und dann abstürzt.

Die Konsolenausgabe sieht so aus:

Was kann ich tun?

...zum Beitrag

Bild im footer?

Guten Tag

Ich habe ein Problem mit einem Bild im footer (statt wie beim letzten Mal in der Navbar).

Mein HTML Footer:

<h3>Matthias<span>Heiniger</span></h3>

<a href="#">Bewerbung</a>

<a href="#">Projekte</a>

<a href="#">Workbooks</a>

<a href="#">Kontakt</a>

</p>

</div>

</footer>

Mein CSS Code für das Bild zum einfügen:

footer {

background-image: url(/03_HTMLCSS/01_Website/Bilder/VektorDesignElemente/png/UntenLnks2_1.png);

background-repeat: no-repeat;

background-size: 19%;

position: relative;

z-index: 1;

font-size: 25px;

padding: 0;

}

Momentan wird das Bild so angezeigt:

Mein Problem: Das Bild (Das Blaue Bild) möchte ich unten Links platzieren aber es geht nicht bis an den "Boden"

Vielen Dank für die Antworten

Freundliche Grüsse

...zum Beitrag

Kann man sich durch bloßes Klicken auf einen Link schon einen Virus einfangen, wenn die Webseite noch nicht geladen hat?

Ich dachte, dass mir das nie passieren würde, aber ich hab gerade geistesabwesend am Smartphone auf einen Link in einer gefälschten SMS von "DHL" geklickt. Während die Webseite noch geladen hat, hab ich gecheckt, dass das ein Fehler war und die Webseite schnell geschlossen. Sie hatte zu dem Zeitpunkt noch nicht geladen, mir wurde also nur schwarz und das Lade-Icon angezeigt.

Daten habe ich keine eingegeben.

Kann ich mir trotzdem schon einen Virus/Spyware/Trojaner eingefangen haben?

Wie finde ich das heraus?

Und was kann ich jetzt machen?

Das SMS von "DHL" war:

Ihr Versand steht aufgrund einer fehlenden Hausnummer aus. Bitte uberprufen oder aktualisieren Sie Ihre Informationen unter: [den Link habe ich entfernt]

Weiß nicht ob ich den Original-Link hier posten darf.

Ich hab nur die Gratisversion von Avast, die hat nichts gefunden.

Wäre um Hilfe sehr dankbar, ich krieg grad die Panik...

...zum Beitrag

Suchfunktion in Header (Jimdo)?

Hallo it-freunde.

Ich bin gerade dabei für einen Bekannten eine Webseite zu bauen.

Ich habe mir aus der Vorlagenliste von jimdo eine ausgesucht und angefangen.

Jetzt möchte ich eine Suchfunktion einbauen und weiß aber nicht wie das geht.

Link

Ich würde die Suchfunktion gerne dort einfügen, wo jetzt der Text "Für das Neue Zeitalter" steht.

Was wer wie das geht? Geht das überhaupt?

Danke im voraus

Ps.: ich habe kein Video gefunden, in dem erklärt wird, wie ich die suchleiste in den header bekomme.

...zum Beitrag

Kann man die Favoriten Icons irgendwie anzeigen lassen in Safari?

Bei manchen Webseiten, wie hier ChatGPT, werden die Icons nicht geladen, obwohl die Webseiten ein Icon haben. Auf meinem Mac wird zum Beispiel auch nicht das YouTube Icon angezeigt. Woran liegt das und kann man das ganze beheben? Neues hinzufügen klappt leider auch nicht immer

...zum Beitrag

Meldung auf Webseite programieren?

Hallo, ich würde gerne auf meiner Webseite einen link einfügen, wenn man auf den klickt, wird auf eine weitere Seite von meiner Webseite geleitet. Sobald diese Webseite auf die der link führe geladen ist, soll ein PopUp auftauchen, mit einen Kästchen das man anklicken muss, welches Pflicht ist. Wenn man einen Harken setzt und auf den Button klickt soll die Meldung sich schließen.

Kon t ihr mir einen Quellcode senden oder eine Webseite, wo das erklärt wird, wie das geht AUF DEUTSCH BITTE

...zum Beitrag

Seltsames Datei-Icon mit zwei Köpfen am unteren Ende?

Hallo!

Seit heute haben einige Dateien von mir ein komisches Icon. Es werden zwei Köpfe am linken unteren Ende angezeigt (s. Grafik mit VLC-Beispiel). Was bedeutet dieses neue Symbol?

Grüße!

...zum Beitrag

App Icon wird nicht angezeigt?

Ich habe mir heute eine App geladen, aber es wurde kein Symbol angezeigt.

...zum Beitrag

Navigation ausklappbar <html/CSS>?

Hallo,

ich möchte eine Navigation bauen, die wenn man hovert noch Unterpunkte anzeigt. Ich habe es so gemacht und komme leider nicht mehr weiter, wenn sich die Navigation ausklappt soll es ganz oben angezeigt werden. Ich habe einen Button unter der Navigation und als ich es selbst versucht hatte, zeigte es mir das Ausgeklappte hinter dem Button.

HTML:

    <header>
        <nav>
            <ul>
                <li><a href="">Hallo</a>
                    <ul>
                        <li><a href="">Hallo</a></li>
                    </ul>
                </li>
                <li><a href="">Hallo</a>
                    <ul>
                        <li><a href="">Hallo</a></li>
                        <li><a href="">Hallo</a></li>
                    </ul>
                </li>
                <li><a href="">Hallo</a></li>
                <li><a href="">Hallo</a></li>
                <li><a href="">Hallo</a></li>
                <li><a href="">Hallo</a></li>
            </ul>
        </nav>


    </header>

CSS:

header ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: darkblue;
  height: 1.5cm;
  
}


header li {
  float: left;
}


header li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}


header li a:hover:not(.active) {
  background-color: rgb(195, 251, 255);
  color: black;
  height: 29px;
  font-weight: bolder;
}


header .active {
  background-color: #00e1ff;
  height: 21px;
  height: 29px;
  font-weight: bolder;
  color: darkblue;
}

Ich hoffe, dass mir irgendjemand helfen

Danke im voraus

Ps.: Das "Hallo" ist ein Platzhalter.

...zum Beitrag

PHP mit HTML in Wordpress [Elementor] einfügen?

Hi, Ich habe eine Wordpress website wo ich zum designen Elementor nutze. Ich möchte jetzt gerne ein Stück HTML und PHP Code hinzufügen, was dann oben im Header sein soll. Ich habe schon verschiedenes mit Plugins versucht aber da kommt immer das raus, alles ist doppelt da und nur eins zeigt das Richtige an und es fehlen Bilder usw. Nun ist meine frage ob jemand mir sagen kann, was genau ich verändern müsste, oder wie ich das angehen sollte?

Hier ist einmal wie was für dateien alles Drin sind. Index HTML, ConfigPHP.

Und dann noch die Icon Bilder sowie weitere CSS Dateien und Java Dateien.

Ich Freue mich über jeden Tipp. :)

...zum Beitrag

Nur einzelne Frame neu laden in html?

Ich würde gerne den Body Frame unabhängig von der Side bar und Header frame neu laden ich meine damit wen man auf einen Link klickt das sich nur der Inhalt verändert von Body und nicht das die ganz Seite geladen wird.

...zum Beitrag

Image lässt sich nicht in css stylen?

Guten Abend Gutefrage.net - Community!

Ich habe nun schon seit einigen Minuten folgendes Problem mit CSS:

Ich möchte mit einer class ein Icon stylen, da ich mehrmals das gleiche Icon auf der Website verwende. Wenn ich nun aber in das img-tag die class "small_icon" hinzufüge und in css die class so bearbeite, wie ich das Bild brauche, funktioniert es nicht.

Hier der Code:

CSS

HTML

Der Style wird auf der Website einfach nicht verwendet. Weiß jemand warum oder was ich ändern muss, damit das funktioniert?

MfG, Jonas

...zum Beitrag

HTML Navigation Bar Text Farbe ändern?

hey leude

Ich habe meine eigene Website gemacht, jetzt hab ich ein Problem ich möchte die Navigation bar den text dort in schwarz färben... habe schon bei css im header, nav, nav li probiert

CSS

.social-icons {
  text-align: center;
  }  
.social-icons li {
  display:inline-block;
  list-style-type:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  }
.social-icons li a {
  border-bottom: none;
  }
.social-icons li img {
  width:70px;
  height:70px;
  margin-right: 20px;
}

#wrapper {
    width: 960px;
    margin: center;
    font-family: arial, sans-serif
}
    
}

body {
    background-color: #8db6cd;
    
}

header {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 125px;
    text-align: center;
    text-color: black;
}

nav {
    text-align: center;
     text-color: black;
    
}

nav li {
    display: inline;
    margin-right: 40px;
    text-color: black;
}

a {
    color: #777;
    text-decoration: none;
    font-family: arial, sans-serif
}



section {
    width: 620px;
    height: 530px;
    float: left;
    background: lightgray;
    border: 1px solid #000000;
}


aside {
    width: 310px;
    height: 550px;
    float: right;
    background: darkorange;
    border: 1px solid #000000;
}

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen