Font Awesome Pro

Fileadmin
Fileadmin
Extension Configuration
Extension Configuration

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;
}