# FontAwesome5

## <span class="mw-headline" id="Wichtig">Wichtig</span>

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="<a class="external free" href="https://use.fontawesome.com/releases/v5.0.2/css/all.css" rel="nofollow">https://use.fontawesome.com/releases/v5.0.2/css/all.css</a>" rel="stylesheet">`
    2. Hier gibt es immer die aktuelle online Bibliothek: [https://fontawesome.com/get-started/web-fonts-with-css](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.