Skip to main content

FontAwesome5

Wichtig

Wenn man die Icons von Font Awesome 5 in seinem CSS Code mit sog. pseudo-elements benutzen will muss man folgende Dinge beachten:

  1. pseudo-elements aktivieren
    1. <script>FontAwesomeConfig = { searchPseudoElements: true };</script>
  2. die CSS Bibliothek einbinden
    1. <link href="https://use.fontawesome.com/releases/v5.0.2/css/all.css" rel="stylesheet">
    2. Hier gibt es immer die aktuelle online Bibliothek: https://fontawesome.com/get-started/web-fonts-with-css
  3. Icons einer bestimmten Gewichtung brauchen zwingend den CSS Wert font-weight: 900; damit sie angezeigt werden.
    1. 900 (Solid), 400 (Regular or Brands), 300 (Light)

Danach funktioniert es.