Website Building » Squarespace » Can You Use Font Awesome on Squarespace?

Can You Use Font Awesome on Squarespace?

Last updated on October 1, 2022 @ 8:04 am

Yes! You can use Font Awesome on Squarespace by adding a little bit of code to your CSS file. Here’s how:

1. Go to Font Awesome and copy the code for the icon you want to use.

2. In your Squarespace account, go to Settings > Advanced > Code Injection. Paste the code you copied from Font Awesome in the Head Code box.

3. In your CSS file, add the following code:

.fa { 
  padding-right: 5px; 
}

4. Save your changes and you’re done!

Now you can use any Font Awesome icon on your Squarespace site by adding the appropriate class to your HTML elements. For example, if you wanted to add a heart icon before every blog post title, you would do something like this:

PRO TIP: While you may be able to use Font Awesome on Squarespace, it is not recommended. This is because Squarespace does not support custom fonts, which means that Font Awesome may not display correctly on your site. Additionally, Squarespace’s CSS code is very specific, so adding custom code for Font Awesome could break your site’s design.

Title of Blog Post

Can You Use Font Awesome on Squarespace? – Yes! You can use Font Awesome on Squarespace by adding a little bit of code to your CSS file.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.