Font Awesome in TYPO3 mit CSS

Font Awome Icons lassen sich relativ leicht in TYPO3 einbinden - wenn man wendlich rausgefunden hat, wie es funktioniert. In diesem Falle werden die freien Icons verwendet.

Im typoscript:

page {

    includeCSSLibs {
        fontawesome = use.fontawesome.com/releases/v5.8.1/css/all.css
        fontawesome {
            external = 1
            excludeFromConcatenation = 1
        }
    }
}

Im CSS:

.footer-section li:nth-child(1):before {
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    content: "\f0c1";
        font-size: 1em;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    color: #01458e;
}

Wichtig ist an dieser Stelle, dass man genau diese font-family definiert.

Zurück