WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#1 04.06.2017 09: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.

Last edited by florian (10.06.2019 11:30:22)


Nicht ärgern. Nur wundern.

Offline

#2 05.06.2017 07: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.

Last edited by florian (10.06.2019 11:31:34)


Nicht ärgern. Nur wundern.

Offline

#3 01.11.2019 09:18:32

screamindan
Member

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 09: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.


Nicht ärgern. Nur wundern.

Offline

#5 01.11.2019 09:43:25

screamindan
Member

Re: Snippet: Font Awesome nachladen

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

Offline

#6 01.11.2019 09:49:15

florian
Administrator

Re: Snippet: Font Awesome nachladen

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


Nicht ärgern. Nur wundern.

Offline

Board footer

up