Blog

FontAwesome icon filter in Moodle

4 oktober 2016

Briënne Slob

Reacties uitgeschakeld

, , ,

What’s in a name? Dit font is awesome!

screen-shot-2016-09-27-at-10-48-08

Universeel en begrijpelijk voor iedereen, ongeacht taal. FontAwesome is uiterst geschikt om te integreren in je Moodle leeromgeving. Het geeft een moderne uitstraling die ‘clean’ is en waarmee je communiceert in beeldtaal die al je deelnemers zullen begrijpen.

Zoals de titel al zegt: FontAwesome is een filter. Voordat je ermee aan de slag kan installeer je de filter in je leeromgeving en schakelt deze in via Instellingen/Sitebeheer/Plugins/Filters/Beheer filters. Zet de FontAwesome icon filter op actief.

FontAwesome maakt gebruik van een database aan iconen. Leuk om te weten is dat Moodle haar iconen uit dezelfde database haalt. Zo sluiten iconen van Moodle en FontAwesome altijd op elkaar aan! Als vormgever en communicatie-junky stoor ik me mateloos aan gemixte stijlen van iconen die niet matchen. Het verdient simpelweg niet de schoonheidsprijs en als je het mij vraagt veroorzaakt het ruis in je beeldtaal.

De database van FontAwesome bevat categorieën als Web Application Icons, Medical Icons en Accessibility Icons.

screen-shot-2016-09-27-at-11-11-32


Hoe werkt het?
Het principe is erg simpel en je zult het snel onder de knie krijgen. We illustreren het aan de hand van een voorbeeldje.

  1. Zoek de ‘tachometer’ onder de iconen
  2. Kopieer de code fa-tachometer
  3. Zet er fa-4x (4 keer zo groot) achter en plaats tussen brackets: [fa-tachometer fa-4x]
  4. Plaats deze code in de teksteditor in Moodle

In je teksteditor neemt hij de opmaak over, het is tenslotte een font!
Bewaar de wijzigingen en aanschouw het resultaat!

screen-shot-2016-09-27-at-11-17-47 screen-shot-2016-09-27-at-11-18-13

 

 

 

 

 

Tags

 

Reacties gesloten