Font Awesome Pro

ab v4.4.3
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;
}
Bildschirmfoto_2019-11-02_um_19
Bildschirmfoto_2019-11-03_um_11

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/scss/
fileadmin/T3SB/FA5Pro/webfonts/

... SCSS für das FE ... und CSS 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:

.fad::before {
    --fa-primary-color: var(--primary);
    --fa-primary-opacity: 1;
}
.fad::after {
    --fa-secondary-color: var(--secondary);
    --fa-secondary-opacity: 0.3;
}