WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

Du bist nicht angemeldet.

#1 04.06.2017 08:37:50

florian
Administrator

Snippet: Font Awesome nachladen

Das angefügte Snippet lädt das Font Awesome-CSS nach, das ab WBCE 1.2 im Include-Ordner zu finden ist.

Hinsichtlich Performance durch Reduzierung von http-Requests ist es nichts, weil gleich zwei CSS-Dateien zusätzlich geladen werden:
In der frontend.css des Snippets steht nur eine @import url-Anweisung für ../../include/font-awesome/css/font-awesome.min.css.
Wer auf sowas bedacht ist, weil er zehntausende Abrufe pro Minute hat und auf Hundertstelsekunden Ladezeit schielt, kommt also nicht umhin, statt das Snippet zu verwenden, in seinem Template selbst die Zeile

<link href="<?php echo WB_URL; ?>/include/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

einzufügen.

Beitrag geändert von florian (10.06.2019 10:30:22)


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#2 05.06.2017 06:35:07

florian
Administrator

Re: Snippet: Font Awesome nachladen

Font-Awesome funktioniert z.B im Backend-Theme oder in Frontend-Templates.
Der Code <i class="fa fa-envelope-open-o" aria-hidden="true"></i> würde z.B ein Briefumschlagsymbol erzeugen. Ohne Javascript, ohne Grafiken. Und es gibt noch 674 weitere Icons. https://fontawesome.com/v4.7.0/cheatsheet/

Neben dem Ckeditor-Plugin dafür kann auch Fontawseome-Droplet zum Einfügen von Icons verwendet werden.

Beitrag geändert von florian (10.06.2019 10:31:34)


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#3 01.11.2019 08:18:32

screamindan
Mitglied

Re: Snippet: Font Awesome nachladen

Moin. Welches Fontawesome ist denn in WBCE derzeit verbaut (WBCE 1.4.0)? Noch FA 4.7?

Offline

#4 01.11.2019 08:23:39

florian
Administrator

Re: Snippet: Font Awesome nachladen

Ja, das hier
https://fontawesome.com/v4.7.0/cheatsheet/
Das wird wahrscheinlich auch so bleiben wegen Abwärtskompatibilität und Aufwand, FA 5 zu implementieren.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#5 01.11.2019 08:43:25

screamindan
Mitglied

Re: Snippet: Font Awesome nachladen

Kann man da irgendwas tricksen, wenn man ein spezielles Symbol haben will?

Offline

#6 01.11.2019 08:49:15

florian
Administrator

Re: Snippet: Font Awesome nachladen

FA 5 selbst einbauen
https://fontawesome.com/start


Code allein macht nicht glücklich. Jetzt spenden!

Offline

Fußzeile des Forums

up