Using Font Awesome Icon Font

Add the following to your website head:

 


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

 

Now pick the icon(s) you want to use on your website by looking at the options on the Font Awesome Icons page

 

Let's use the PDF Icon as an example of how to use the icon within Jimdo.  In the Font Awesome instructions for adding the PDF Icon, it says to use this snippet of code:

 


<i class="fa fa-file-pdf-o" aria-hidden="true"></i>


 

This will NOT work in Jimdo.  To make the code work in Jimdo, you need to add a non-breaking space inside the code.  This example shows how to make the same code work in Jimdo.

 


<i class="fa fa-file-pdf-o" aria-hidden="true">&nbsp;</i>


 

Remember that this is a font too, so you can use CSS to change the size or color like in this example:

 


<i class="fa fa-file-pdf-o" aria-hidden="true" style="color:#6BBFDB; font-size:48px;">&nbsp;</i>