Using Custom Fonts in Squarespace 7.1

This tutorial covers how to upload and use a custom font in your Squarespace 7.1 website. Whether you've got a brand-specific font or are just looking for more variety than what Squarespace offers, we run through: how to convert a font to a web-safe format, uploading your font to Squarespace and basic implementation via CSS code.

---

Code Snippet

@font-face {
  font-family: "Custom Font";
  src: url("{YOUR-FONT-URL}.woff2") format("woff2"),
       url("{YOUR-FONT-URL}.woff") format("woff");
}

---

A more comprehensive and updated version of this article is available here: https://spaceworks.studio/blog/squarespace-help-how-to-add-a-custom-font-to-your-squarespace-site