WoltLab Cloud Font Awesome 5 for WoltLab Suite 1.0.5

Black Rider
Mar 7th 2020
807 Downloads
36 Comments

Replace the Font Awesome 4 icons in your WoltLab Suite with the current and up-to-date version of Font Awesome 5 while being completely backwards compatible with the icon names of Font Awesome 4.

This plugin includes the free Font Awesome 5 icons, which have many more icons available than Font Awesome 4 had, with much done work to be an even better icon set than ever before. Check Font Awesome for more details.

After installation, you have nothing more to do. Font Awesome 5 is ready do go!

Images

Bildschirmfoto 2020-03-03 um 20.09.14-crunch.png
- 57.9 kB
- 3,840×2,272
- 1,679

Version 1.0.5
- Black Rider
- Apr 11th 2022
- 1.4 MB
- 107 Downloads
– We fixed an issue with the trash icons after moving content to trash.

1
Version 1.0.4
- Black Rider
- Mar 11th 2022
- 1.4 MB
- 33 Downloads
– Update to Font Awesome 5.15.3

1
Version 1.0.3
- Black Rider
- May 28th 2021
- 1.4 MB
- 197 Downloads
– Update to Font Awesome 5.15.3
Version 1.0.1
- Black Rider
- May 13th 2020
- 1.38 MB
- 389 Downloads
– Fix invalid CSS if WoltLab Gallery is installed
Version 1.0.0
- Black Rider
- May 6th 2020
- 1.38 MB
- 77 Downloads
– Replaced CSS by SCSS
– Improved loading font
– Fixed display of certain icons

Dr_Floh Apr 13th 2022

Das Plugin musste ich leider wieder raus nehmen , weil es hatte bei mir dafür gesorgt, dass alle meine Foren Kategorie Symbole verschwinden
- Black Rider Apr 13th 2022 Author
  
  Siehe beispielsweise hier: https://www.woltlab.com/pluginstore/file/3159-font-awesome-5-für-woltlab-suite/#comments/comment43782
  Oder hier: https://www.woltlab.com/pluginstore/file/3159-font-awesome-5-für-woltlab-suite/#comments/comment33591/response44364
Dragosius Apr 12th 2022

Langsam wird es Zeit für Font Awesome 6?
- Black Rider Apr 12th 2022 Author
  
  Ich hatte ja gehofft, dass WoltLab mir diese Arbeit abnimmt.
- Dragosius Apr 12th 2022
  
  Das wäre durchaus schön.
  In privaten Projekten (ohne CMS) setze ich mittlerweile Font Awesome 6 ein (Ich habe direkt von Version 4 auf Version 6 aktualisiert) und es funktionioniert wunderbar.
  
  Sicher sind die meisten Icons nur gegen Bezahlung erhältlich, aber die die Free-Icons reichen aus meiner Sicht vollkommen aus.
- Black Rider Apr 12th 2022 Author
  
  Ich sehe das Hauptproblem immer noch darin, dass ich die Auswahl im Administrationsbereich für eigene Icons für beispielsweise Foren nicht verändern kann.
- Dragosius Apr 12th 2022
  
  Ich habe mal nochmal einen Anlauf gestartet: Font Awesome 6
- onel01 Sep 5th 2022
  
  Vorstellung WSC 6.0 soll es kommen,... oder selber anlegen, was nun möglich ist!
Tim Apr 10th 2022

Hallo,
wenn ein Thema gelöscht wird, wird das "Trash"-Icon nicht richtig dargestellt.
- Black Rider Apr 10th 2022 Author
  
  Danke für die Meldung. Wird in der nächsten Version behoben.
  1
- Tim Apr 13th 2022
  
  Hallo, das Problem ist nach dem letzten Update noch nicht ganz gelöst.
  Innerhalb eines Themas wird das Icon nun korrekt angezeigt, in der Themenauflistung besteht das Problem allerdings weiterhin.
Leatrixa May 28th 2021

Sobald ich dieses Paket installiere, sind bei mir keine Icons mehr sichtbar obwohl welche gesetzt sind aus dem Woltlab Haus aus.. Fehlt irgend eine Einstellung oder muss ich den Fehler wo anders suchen?
- Kasuna Apr 9th 2022
  
  Hab das gleiche Problem. Nachdem ich das Plugin installiert hab, hat er einige Foren Icons in die Ursprünglichen Ordner umgewandelt und einige waren gar nicht mehr sichtbar
- Black Rider Apr 9th 2022 Author
  
  Siehe beispielsweise hier: https://www.woltlab.com/pluginstore/file/3159-font-awesome-5-für-woltlab-suite/#comments/comment43782
  Oder hier: https://www.woltlab.com/pluginstore/file/3159-font-awesome-5-für-woltlab-suite/#comments/comment33591/response44364
- Leatrixa Apr 10th 2022
  
  Danke, hab ich damals in der Zwischenzeit schon gefunden... Musste einbischen das Forum durchwühlen, weil die SuFu nichz auf meiner Seite war... 😄 trotzdem vielen Dank für die Antwort dennoch nach einem Jahr =D
FreeFun May 11th 2021

Kleiner Hinweis:
Den Umstand zu den Awesome Icons im ACP ist bekannt.

Aber seit dem ich das Paket nutze, werden die Neuen Awesome Icons angezeigt wenn ich den Namen Händisch rein schreibe.
Suchen nach neuen Awesome Icons klappt nach wie vor nicht im ACP.

Hoffe damit kann geholfen werden.
Chaos23 Apr 20th 2021

Kann es sein, dass manche Icons nicht funktionieren?

Ich habe einige Icons getestet und beispielsweise f4b9 wird nicht angezeigt, stattdessen gibt es einen Platzhalter.
- Black Rider Apr 21st 2021 Author
  
  Referenz: https://support.kittmedia.com/thread/5520-fehlende-icons/

xXSwainXx Jan 8th 2021

Hey beim VieCode Shop erhalte ich teilweiße aber nicht immer diesen Fehler:

Code

Access to font at 'https://ravenix.net/font/getFont.php?font=scPlay-regular&type=woff2' from origin 'https://shop.ravenix.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

style-4.css:1 GET https://ravenix.net/font/getFont.php?font=scPlay-regular&type=woff2 net::ERR_FAILED
(index):1 Access to font at 'https://ravenix.net/font/getFont.php?font=fa-solid-900&type=woff2' from origin 'https://shop.ravenix.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

style-4.css:1 GET https://ravenix.net/font/getFont.php?font=fa-solid-900&type=woff2 net::ERR_FAILED
(index):1 Access to font at 'https://ravenix.net/font/getFont.php?font=fa-regular-400&type=woff2' from origin 'https://shop.ravenix.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

style-4.css:1 GET https://ravenix.net/font/getFont.php?font=fa-regular-400&type=woff2 net::ERR_FAILED
(index):1 Access to font at 'https://ravenix.net/font/getFont.php?font=scPlay-700&type=woff2' from origin 'https://shop.ravenix.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

style-4.css:1 GET https://ravenix.net/font/getFont.php?font=scPlay-700&type=woff2 net::ERR_FAILED
(index):1 Access to font at 'https://ravenix.net/font/getFont.php?font=fa-brands-400&type=woff2' from origin 'https://shop.ravenix.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

style-4.css:1 GET https://ravenix.net/font/getFont.php?font=fa-brands-400&type=woff2 net::ERR_FAILED
(index):1 Access to font at 'https://ravenix.net/font/getFont.php?font=scPlay-regular&type=woff' from origin 'https://shop.ravenix.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

style-4.css:1 GET https://ravenix.net/font/getFont.php?font=scPlay-regular&type=woff net::ERR_FAILED
(index):1 Access to font at 'https://ravenix.net/font/getFont.php?font=fa-solid-900&type=woff' from origin 'https://shop.ravenix.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

style-4.css:1 GET https://ravenix.net/font/getFont.php?font=fa-solid-900&type=woff net::ERR_FAILED
(index):1 Access to font at 'https://ravenix.net/font/getFont.php?font=fa-regular-400&type=woff' from origin 'https://shop.ravenix.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

style-4.css:1 GET https://ravenix.net/font/getFont.php?font=fa-regular-400&type=woff net::ERR_FAILED
(index):1 Access to font at 'https://ravenix.net/font/getFont.php?font=scPlay-700&type=woff' from origin 'https://shop.ravenix.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

style-4.css:1 GET https://ravenix.net/font/getFont.php?font=scPlay-700&type=woff net::ERR_FAILED
(index):1 Access to font at 'https://ravenix.net/font/getFont.php?font=fa-brands-400&type=woff' from origin 'https://shop.ravenix.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

style-4.css:1 GET https://ravenix.net/font/getFont.php?font=fa-brands-400&type=woff net::ERR_FAILED
(index):1 Access to font at 'https://ravenix.net/font/getFont.php?font=scPlay-regular&type=ttf' from origin 'https://shop.ravenix.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

style-4.css:1 GET https://ravenix.net/font/getFont.php?font=scPlay-regular&type=ttf net::ERR_FAILED
(index):1 Access to font at 'https://ravenix.net/font/getFont.php?font=fa-solid-900&type=ttf' from origin 'https://shop.ravenix.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

style-4.css:1 GET https://ravenix.net/font/getFont.php?font=fa-solid-900&type=ttf net::ERR_FAILED
(index):1 Access to font at 'https://ravenix.net/font/getFont.php?font=fa-regular-400&type=ttf' from origin 'https://shop.ravenix.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

style-4.css:1 GET https://ravenix.net/font/getFont.php?font=fa-regular-400&type=ttf net::ERR_FAILED
(index):1 Access to font at 'https://ravenix.net/font/getFont.php?font=scPlay-700&type=ttf' from origin 'https://shop.ravenix.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

style-4.css:1 GET https://ravenix.net/font/getFont.php?font=scPlay-700&type=ttf net::ERR_FAILED
(index):1 Access to font at 'https://ravenix.net/font/getFont.php?font=fa-brands-400&type=ttf' from origin 'https://shop.ravenix.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

style-4.css:1 GET https://ravenix.net/font/getFont.php?font=fa-brands-400&type=ttf net::ERR_FAILED

Display More

Wenn dieser Fehler kommt werden auch die Icons nicht angezeigt... gibt es dafür eine Lösung?

Black Rider Jan 8th 2021 Author

Das ist kein allgemeines Problem mit dem Plugin, denn mit anderen Fonts gibt es dasselbe Problem:
https://ravenix.net/font/getFo…?font=scPlay-700&type=ttf

Da wir auf die getFont.php des Cores zugreifen, solltest du dich diesbezüglich an WoltLab wenden.

skiLLedcx Dec 28th 2020

Die Icon Auswahl im ACP für die Foren Icons ist noch immer nicht unterstützt? Wann ist geplant, dass das kommt? Denn ohne ist das ganze relativ senseless, weil gerade auch diese Icons wichtig sind.
- Black Rider Dec 28th 2020 Author
  
  Das ist aktuell nicht mehr geplant, weil es dafür schlichtweg keine saubere Möglichkeit gibt, ohne die gesamte Icon-Auswahl im Administrationsbereich selbst neu zu bauen.

Harald-RS Sep 21st 2020

Hallo Black Rider,

mir fehlen auch einige ICON's die vorher vorhanden waren.

Hier der Link zum Forum: tourneo-forum.de

Black Rider Sep 21st 2020 Author

Siehe meine Antwort hier:
https://pluginstore.woltlab.co…omment33591/response44364

Harald-RS Sep 22nd 2020

Danke für die Antwort.

Habe soweit mit CSS gelöst nur was ich schade finde ist das man die Icons doppelt eintragen muss,

Einmal mit dem -o:before und einmal ohne dem -o.

Damit Sie auch mit der Farbe für neue Beiträge angezeigt werden.

So sieht das bei mir im CSS aus:

CSS

.wbbBoardIcon3.fa-folder-open:before, .wbbBoardIcon3.fa-folder:before {
    content: "\f2f6" !important;
}
.wbbBoardIcon3.fa-folder-open-o:before, .wbbBoardIcon3.fa-folder-o:before {
    content: "\f2f6" !important;
}

.wbbBoardIcon5.fa-folder-open:before, .wbbBoardIcon5.fa-folder:before {
    content: "\f2f5" !important;
}
.wbbBoardIcon5.fa-folder-open-o:before, .wbbBoardIcon5.fa-folder-o:before {
    content: "\f2f5" !important;
}

.wbbBoardIcon42.fa-folder-open:before, .wbbBoardIcon42.fa-folder:before, .wbbBoardIcon46.fa-folder-open:before, .wbbBoardIcon46.fa-folder:before {
    content: "\f086" !important;
}
.wbbBoardIcon42.fa-folder-open-o:before, .wbbBoardIcon42.fa-folder-o:before, .wbbBoardIcon46.fa-folder-open-o:before, .wbbBoardIcon46.fa-folder-o:before {
    content: "\f086" !important;
}

.wbbBoardIcon43.fa-folder-open:before, .wbbBoardIcon43.fa-folder:before {
    content: "\f0d0" !important;
}
.wbbBoardIcon43.fa-folder-open-o:before, .wbbBoardIcon43.fa-folder-o:before {
    content: "\f0d0" !important;
}

.wbbBoardIcon34.fa-folder-open:before, .wbbBoardIcon34.fa-folder:before, .wbbBoardIcon39.fa-folder-open:before, .wbbBoardIcon39.fa-folder:before {
    content: "\f059" !important;
}
.wbbBoardIcon34.fa-folder-open-o:before, .wbbBoardIcon34.fa-folder-o:before, .wbbBoardIcon39.fa-folder-open-o:before, .wbbBoardIcon39.fa-folder-o:before {
    content: "\f059" !important;
}

.wbbBoardIcon11.fa-folder-open:before, .wbbBoardIcon11.fa-folder:before {
    content: "\f338" !important;
}
.wbbBoardIcon11.fa-folder-open-o:before, .wbbBoardIcon11.fa-folder-o:before {
    content: "\f338" !important;
}

.wbbBoardIcon12.fa-folder-open:before, .wbbBoardIcon12.fa-folder:before {
    content: "\f111" !important;
}
.wbbBoardIcon12.fa-folder-open-o:before, .wbbBoardIcon12.fa-folder-o:before {
    content: "\f111" !important;
}

.wbbBoardIcon37.fa-folder-open:before, .wbbBoardIcon37.fa-folder:before {
    content: "\f1fd" !important;
}
.wbbBoardIcon37.fa-folder-open-o:before, .wbbBoardIcon37.fa-folder-o:before {
    content: "\f1fd" !important;
}

.wbbBoardIcon38.fa-folder-open:before, .wbbBoardIcon38.fa-folder:before {
    content: "\f236" !important;
}
.wbbBoardIcon38.fa-folder-open-o:before, .wbbBoardIcon38.fa-folder-o:before {
    content: "\f236" !important;
}

.wbbBoardIcon7.fa-folder-open:before, .wbbBoardIcon7.fa-folder:before {
    content: "\f06e" !important;
}
.wbbBoardIcon7.fa-folder-open-o:before, .wbbBoardIcon7.fa-folder-o:before {
    content: "\f06e" !important;
}

.wbbBoardIcon33.fa-folder-open:before, .wbbBoardIcon33.fa-folder:before {
    content: "\f0a1" !important;
}
.wbbBoardIcon33.fa-folder-open-o:before, .wbbBoardIcon33.fa-folder-o:before {
    content: "\f0a1" !important;
}

.wbbBoardIcon17.fa-folder-open:before, .wbbBoardIcon17.fa-folder:before {
    content: "\f2db" !important;
}
.wbbBoardIcon17.fa-folder-open-o:before, .wbbBoardIcon17.fa-folder-o:before {
    content: "\f2db" !important;
}

.wbbBoardIcon21.fa-folder-open:before, .wbbBoardIcon21.fa-folder:before {
    content: "\f026" !important;
}
.wbbBoardIcon21.fa-folder-open-o:before, .wbbBoardIcon21.fa-folder-o:before {
    content: "\f026" !important;
}

.wbbBoardIcon22.fa-folder-open:before, .wbbBoardIcon22.fa-folder:before {
    content: "\f071" !important;
}
.wbbBoardIcon22.fa-folder-open-o:before, .wbbBoardIcon22.fa-folder-o:before {
    content: "\f071" !important;
}

.wbbBoardIcon23.fa-folder-open:before, .wbbBoardIcon23.fa-folder:before {
    content: "\f0eb" !important;
}
.wbbBoardIcon23.fa-folder-open-o:before, .wbbBoardIcon23.fa-folder-o:before {
    content: "\f0eb" !important;
}

.wbbBoardIcon24.fa-folder-open:before, .wbbBoardIcon24.fa-folder:before {
    content: "\f7d9" !important;
}
.wbbBoardIcon24.fa-folder-open-o:before, .wbbBoardIcon24.fa-folder-o:before {
    content: "\f7d9" !important;
}

.wbbBoardIcon40.fa-folder-open:before, .wbbBoardIcon40.fa-folder:before {
    content: "\f02d" !important;
}
.wbbBoardIcon40.fa-folder-open-o:before, .wbbBoardIcon40.fa-folder-o:before {
    content: "\f02d" !important;
}

Display More

Christopher Walz May 28th 2020

Kann es sein, dass fa-folder-open-o fehlt?
Siehe https://cwalz.de/forum/

Grüße
- Black Rider May 28th 2020 Author
  
  Es sieht mir eher so aus, als ob du das nochmal an einer Stelle überschreibst:
  
  CSS
  
  .wbbBoardList .icon32.fa-folder-open-o::before, .wbbBoardList .icon32.fa-folder-open::before { content: "\f0e6"; font-size: 25px; }
  
  1
Kaphalor May 26th 2020
Super, endlich ... darauf habe ich nur gewartet!
Habe allerdings 2 Fragen:
Wird es ggf. die Möglichkeit geben die Pro-Variante zu aktivieren?
Kann es sein, dass in der Auswahl der Forenicons noch einige Icons fehlen?
Genauer gesagt fehlt mir z.B. das Xbox Icon, welches in Version 5.0.0 in der Free Version hinzugefügt wurde
https://fontawesome.com/icons?d=gallery&q=xb&m=free
- Black Rider May 27th 2020 Author
  
  Aktuell wird die manuelle Auswahl der Icons bei Foren, Trophäen und ähnliches im Administrationsbereich noch nicht unterstützt. Bevor das nicht läuft, mache ich mir auch noch keine Gedanken darum, die Pro-Version der Icons nutzbar zu machen. Generell ist das geplant, allerdings kann ich gegenwärtig nicht sagen, ob oder wann das der Fall sein wird.
  2
- pimpi Oct 12th 2020
  
  Selbiges hier - so eigentlich nicht nutzbar. Schade, gibt's schon neues zu den fehlenden Icons?
- Black Rider Oct 12th 2020 Author
  
  Nein, leider nicht. Aktuell sehe ich leider keine Möglichkeit, das entsprechend umzubauen, da mir hier die erforderlichen Möglichkeiten innerhalb des Cores fehlen.
KaptainRio May 13th 2020

Freute mich erst über dieses Plugin. Aber scheinbar verträgt es sich nicht mit dem Menü Icons Plugin von SoftCreatr. Die werden nach Installation von FA5 leider nicht mehr angezeigt.
3
- xBlackEye Jun 1st 2020
  
  Hab einmal "nachgefragt" bei SoftCreatr, ob das Plugin überarbeitet wird.
  
  Quote from Email - Kontaktformular
  
  Davon abgesehen, dass das Kontakt-Formular für derartige Dinge nicht gedacht ist, werden wir keine Anstalten machen, das Plugin in irgendeiner Weise zu unterstützen.
  
  Die 'Menü Icons' sind bei mir rausgeflogen, genauso wie die Erweiterung '[Entwickler] Font Awesome-Werkzeuge' von SoftCreatr. Die haben nur die alten FA Icons.
  1
- KaptainRio Jun 2nd 2020
  
  Na das ist ja ne nette Antwort von SoftCreatR. Werde die Menü-Icons dann auch rausschmeißen. denke ich. Danke für deine Mühe !
Sunny C. May 11th 2020

WOW! Super, obwohl gesagt wurde, es wäre nicht möglich.

Bei mir werden aber zwei Icons im Frontend nicht angezeigt "user-circle-o" und "comments-o". Im ACP werden diese angezeigt.
https://streamable.com/psqc07

Muss ich noch etwas aktualisieren?

Edit: Das Icon "archive" habe ich ebenfalls für ein Archiv ausgewählt. Im ACP wird es angezeigt, aber im Frontend zeigt er mir das Standard-Icon "Folder" an.

Cache Browser und im ACP gelöscht. Sowie anzeigen aktualisiert.

LG
- Black Rider May 11th 2020 Author
  
  Siehe https://support.kittmedia.com/…t/?postID=35072#post35072
  1

Images

Version 1.0.5

Version 1.0.4

Version 1.0.3

Version 1.0.1

Version 1.0.0

Dr_Floh Apr 13th 2022

Black Rider Apr 13th 2022 Author

Dragosius Apr 12th 2022

Black Rider Apr 12th 2022 Author

Dragosius Apr 12th 2022

Black Rider Apr 12th 2022 Author

Dragosius Apr 12th 2022

onel01 Sep 5th 2022

Tim Apr 10th 2022

Black Rider Apr 10th 2022 Author

Tim Apr 13th 2022

Leatrixa May 28th 2021

Kasuna Apr 9th 2022

Black Rider Apr 9th 2022 Author

Leatrixa Apr 10th 2022

FreeFun May 11th 2021

Chaos23 Apr 20th 2021

Black Rider Apr 21st 2021 Author

xXSwainXx Jan 8th 2021

Black Rider Jan 8th 2021 Author

skiLLedcx Dec 28th 2020

Black Rider Dec 28th 2020 Author

Harald-RS Sep 21st 2020

Black Rider Sep 21st 2020 Author

Harald-RS Sep 22nd 2020

Christopher Walz May 28th 2020

Black Rider May 28th 2020 Author

Kaphalor May 26th 2020

Black Rider May 27th 2020 Author

pimpi Oct 12th 2020

Black Rider Oct 12th 2020 Author

KaptainRio May 13th 2020

xBlackEye Jun 1st 2020

KaptainRio Jun 2nd 2020

Sunny C. May 11th 2020

Black Rider May 11th 2020 Author