Lese­zeit: ca. < 1 Minu­te

Font Awe­so­me stellt Icon­fonts zur Ver­fü­gung, wel­che man in sei­ne Web­sei­te ein­bau­en kann.
Icon­fonts ver­hal­ten sich wie eine Schrift­art, sehen aber wie Icons aus. Man kann ganz ein­fach die Far­be und Grö­ße ver­än­dern, so wie man es viel­leicht aus Word kennt.

Die Icon­fonts kön­nen aber auch gedreht, ani­miert und mit einem Rand ver­se­hen werden.

Was mit Font Awe­so­me alles so mög­lich ist, wird einem auf der Bei­spiel­sei­te von Font Awe­so­me  hier gezeigt.

Damit das gan­ze auch auf der Word­Press Sei­te läuft, kann man ent­we­der im Code von Word­Press eini­ge Zei­len ein­fü­gen oder man nimmt sich ein­fach ein Plug­in. Es gibt auf  www.Wordpress.org eini­ge Plug­ins zu Font Awe­so­me und ich habe auch eini­ge getes­tet und eines davon als GUT empfunden.

Das  Bet­ter Font Awe­so­me Word­Press Plug­in bie­tet fol­gen­de Vorteile:

  • ver­wen­det immer die aktu­ells­te Font Awe­so­me Version
  • im Edi­tor wird ein TinyMCE eingefügt
  • es erlaubt auch direkt den HTML Code von der  Font Awe­so­me Webseite
  • man kann leicht das Icon­font mit einer Class ver­se­hen (Rand, Far­be, Grö­ße, Animation)

 

Hier mal die Code­un­ter­schie­de von „Font Awe­so­me” zu „Bet­ter Font Awe­so­me” für fol­gen­des Iconfont:

 

 

 

 

https://gist.github.com/bpNetwork/6851bca07e540e50bf76

 

Der Short­code von „Bet­ter Font Awe­so­me” kann auch noch abge­än­dert wer­den, wie z.B.:

für

https://gist.github.com/bpNetwork/ba75138d591196991e03

 

für 

https://gist.github.com/bpNetwork/d2c65f1daa14bce32db7

für 

https://gist.github.com/bpNetwork/a54269797e3a0509c404

für 

https://gist.github.com/bpNetwork/65ad013d5928ba5b09f2

 

Kurz noch zum Verständnis:

  • Font Awe­so­me: stellt die Icon­fonts zur Verfügung
  • Bet­ter Font Awe­so­me: ist ein Word­Press Plug­in, wel­ches auf die Icon­s­fonts von Font Awe­so­me zugreift