How to Use Font Awesome in Squarespace

What does this code do?

This code snippet will allow you to use Font Awesome Icons on a Squarespace Website. You only need to have this code on the website once. So if you are using more than one code snippet that uses Font Awesome Icons, you only need to do this once per site.

 

How to get your Font Awesome Kit Code

 
 
 

Customize Your Icons

For information on how to customize the size of the icon, click here.

For information on how to animate the icon, click here.

For information on how to use the icon as a list bullet, click here.

For information on how to stack the icons on top of each other in layers, click here.

 

How To Use It

  1. Go to https://fontawesome.com/sessions/sign-in

  2. Follow the video instructions to find your personal Font Awesome Kit code.

  3. Paste it into Settings > Advanced > Code Injection > Header.

  4. Follow the guides to adjust the sizing and animation or use the icon in a list or stacked.

Rebecca Grace

Rebecca Grace is a Squarespace CSS Expert and Website Designer.

https://rebeccagracedesigns.com
Previous
Previous

Use a Custom Icon for the Radio Button

Next
Next

Remove Border from Search Bar