We’ll cover how to add inject Font Awesome code into the header of your Squarespace(opens new window) website, and add them via code blocks into the body of your site.
From the dashboard of your Squarespace website, use the side menu to visit Settings. Next, navigate to Advanced, and then Code Injection. Paste your unique Kit code into the Header section. Be sure to save.
Adding your Kit code to Squarespace.
Your code will look similar to this (with the YOUR-KIT-ID replaced by your Kit's unique ID):
From any page in your Squarespace website, follow their instructions for adding a code block(opens new window). With the code block open, edit the HTML content to display a Font Awesome icon.
Reference an icon in your Squarespace code block.
From here, you can add any of our icons by following Basic Use. For example, to add the Solid style of our camera-retro icon, you can add it as an <i> tag to the code block like this:
<iclass="fas fa-camera-retro"></i>
Advertisement
Remove ads with a Pro plan!
Using this requires Font Awesome Pro
Pro
A subscription to a Pro-level plan will remove all third-party advertisments on fontawesome.com.
And of course Pro-level plans come with…
All 7,864 Icons in Font Awesome
Solid, Regular, Light, Thin, and Duotone Styles for Each Icon + Brands
A Perpetual License to Use Pro
Services and Tools to Make Easy Work of Using Icons