So I’ve been redeveloping MrHeggart.com into DrHeggart.com recently, and as I’ve been doing so, I’ve been using it as an opportunity to remind myself about using things like Bootstrap- with which I have very limited familiarity, and I wanted to know more. I’ve made use of some excellent free templates that make use of Bootstrap, and as I was doing this, I came across Font Awesome (https://fontawesome.com/v4.7.0/). N.B. I believe that Font Awesome is about to realize version 6, which might have a cost associated with it, but Font Awesome 4 was more than sufficient for my purposes. Basically, font awesome provides you with a style sheet that has many different icons that you can then use through classes in your HTML code – which makes setting up some aspects on your webpage an absolute dream – especially things like icons for email, facebook, twitter and LinkedIn (which is what I was using it for).
The short way to do it is to download FontAwesome from the site, then place it into your HTML when you want to use it – like this:
<head> <link href="/your-path-to-fontawesome/css/all.css" rel="stylesheet"> <!--load all styles --> </head> <body> <i class="fas fa-user"></i> <!-- uses solid style --> <i class="far fa-user"></i> <!-- uses regular style --> <i class="fal fa-user"></i> <!-- uses light style --> <!--brand icon--> <i class="fab fa-github-square"></i> <!-- uses brands style --> </body>