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:

pseudo-elements aktivieren

<script>FontAwesomeConfig = { searchPseudoElements: true };</script>

die CSS Bibliothek einbinden

<link href="https://use.fontawesome.com/releases/v5.0.2/css/all.css" rel="stylesheet">

Hier gibt es immer die aktuelle online Bibliothek: https://fontawesome.com/get-started/web-fonts-with-css

Icons einer bestimmten Gewichtung brauchen zwingend den CSS Wert font-weight: 900; damit sie angezeigt werden.

900 (Solid), 400 (Regular or Brands), 300 (Light)

Danach funktioniert es.