Using FontAwesome in Moodle

By Anonymous
FontAwesome is a nifty icon set that you can use anywhere that you can edit HTML.

For example, you can use it in Moodle to display a symbol.




Step 1. Go to edit mode and find the text region you want to edit.

Step 2. Click on the first button on the toolbar (to show more buttons)


Step 3. Click on the HTML edit mode button <>

Step 4. Go to FontAwesome icons and click on the one you want to use

If your icon is purely for decorative purposes, use this code:

<i class="fa fa-tree" aria-hidden="true"></i>
If it has a semantic meaning, use this code:

<i class="fa fa-tree"></i>

To improve web accessibility, FontAwesome recommend using aria-hidden="true" to hide icons used purely for decoration.

Step 5. Paste the HTML into the Moodle text box

Step 6. Turn off HTML editing (click on the HTML edit mode button <> again)
Now you have a tree in your text box!

Need to make it bigger? 

Go back to HTML edit mode and paste in one of these examples...
To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes.
<i class="fa fa-tree fa-lg"></i> 
<i class="fa fa-tree fa-2x"></i> 
<i class="fa fa-tree fa-3x"></i> 
<i class="fa fa-tree fa-4x"></i> 
<i class="fa fa-tree fa-5x"></i>
Now you have an even bigger tree in your text box.

With thanks to Harry Kalantzis for pointing out that you can use FontAwesome in Moodle.

Comments

Post a Comment

Popular posts from this blog

We're in Onstream

By Anonymous
The pilot phase of the Brookes ID project was announced in the latest issue of Onstream , the staff magazine of Oxford Brookes University: Brookes ID (Individual Development) is an inclusive co-curricular framework which has been created with students and is a PESE (Programme to enhance the Student Experience) project. It recognises and rewards student engagement and commitment beyond their programme of study and is aligned to the Brookes Guiding Principles. As part of the Brookes ID initiative a new app has been launched which will run this semester as a pilot, leading up to the official launch of Brookes ID expected in September 2017. The Brookes ID app has been developed by the project team (Professor Alison Honour ADSE, Dr Bob Champion PLSE, Lindsay Williams PLSE, Yvonne Aburrow) and the Student Experience team in OBIS, in partnership with students. It monitors the extra and co-curricular activities of students and rewards them with ‘achievements’. Initially the number of activiti
Read more

Agile methodology in the wild

By Anonymous
Image
Agile methodologies like Scrum sound amazingly efficient when presented by people who have implemented them in a non-hostile environment. But conditions are not always perfect, and things can sometimes go wrong. One of the key features of agile project methodologies is that they have different types of meetings . Each different type of meeting has a very specific function. They can become tedious and unproductive if they deviate from the prescribed form and function. With that in mind, let's look at the different types of meeting, how they are meant to work, and what can go wrong. Three Amigos     © Copyright  Peter Trimming  and licensed for  reuse  under this  Creative Commons Licence . Three Amigos This is a relatively new type of meeting in the agile toolkit, and was developed in 2013 . Essentially, this is a meeting during which the business analyst (BA) presents the requirements and tests for a new feature. The Three Amigos (BA, developer, and QA) discuss the new feature and
Read more