Adding Font Awesome to your Squarespace website

Are you wondering how to add Font Awesome icons to your website?

Font Awesome is an icon font. Think regular font, but instead of letters, you get icons. Font Awesome is the most popular way to add font icons to your Squarespace website. Created using scalable vectors, so you can use high quality icons that work well on any screen size. 

Here is a quick 3 step guide: How to install Font Awesome to your Squarespace website.

---

1.

Sign up to Font Awesome for your Squarespace website.

Go to www.fontawesome.com/start

Create your own Font Awesome kit, sign up with your email and Font Awesome will send you an email to confirm your account.

Once confirmed, Font Awesome will provide you with your own code and instructions to use your kit.

---

2.

Add Font Awesome kit code to your Squarespace website.

From your Squarespace website dashboard go to:

Settings - > - Advanced - > - Code Injection

In the header section add your code. It will look something like this:

<script src=“https://kit.fontawesome.com/**********.js” crossorigin=“anonymous”></script>

---

3. How to add Font Awesome icons to your Squarespace website page.

Go to Font Awesome and choose an icon you would like to add to your Squarespace website and copy the code.

For the rocket icon copy this code:

<i class="fas fa-rocket"></i>

You can copy this code to a code block on your Squarespace website.

* If you dont want to set up a Font Awesome account then use this code:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">`

---

If you have any questions or need any help with your Squarespace website design post a comment below or get in touch now.