Font Awesome Pro
Installation
Wenn du eine Lizenz für Font Awesome Pro erworben hast, kannst du FA5-Pro wie folgt einbinden.
Nach dem Download folgende Verzeichnisse erstellen/kopieren (s.Screenshot):
fileadmin/T3SB/FA5Pro/css/
fileadmin/T3SB/FA5Pro/js/
fileadmin/T3SB/FA5Pro/webfonts/ (komplett)
... "js" für das FE ... "css" und "webfonts" für das BE (RTE/ EXT:rte_ckeditor_fontawesome).
Danach muss in der Extension Configuration (Settings) im Tabulator "Advanced" unter "Font Awesome 5" die entsprechende Auswahl getroffen werden (s. Screenshot).
Wenn die EXT:rte_ckeditor_fontawesome installiert und aktiviert wurde, werden auch für diese EXT die Icons von FA5-Pro bereitgestellt.
Custom color für duoton:
.svg-inline--fa .fa-primary {
fill: #28a745;
opacity: 1;
}
.svg-inline--fa .fa-secondary {
fill: #ffc107;
opacity: .4;
}
Custom FA5Pro Style:
Als Standard wird bei der Integration von FA5Pro der Solid-Style verwendet. Dies kann im eigenem CSS durch folgendes angepasst werden:
/* FA5Pro Regular: */
.internal-link::before,
.external-link::before,
.download-link::before,
.email-link::before,
.phone-link::before {
font-weight: 400!important;
}
/* FA5Pro Light: */
.internal-link::before,
.external-link::before,
.download-link::before,
.email-link::before,
.phone-link::before {
font-weight: 300!important;
}