Squarespace has a ton of font options available in it’s design menu, but there are so many unique and fun fonts out there that I wanted to teach you how you can use your very own!
—
This is just the start of all the cool things you can do with custom CSS! Learn the basics in my free class: https://insidethesquare.co/learn
—
This tutorial will show you how to install your own custom font file in a Squarespace website. There are three main steps we’ll cover in this tutorial: how to upload the file to your site, how to name your font, and how to assign it to a specific thing in Squarespace.
Here is the code from this tutorial:
@font-face {font-family: Name; src: url (click on the file to place the url here)}
Assign that font to paragraph text:
p {font-family: Name!important}
Assign that font to heading two text:
p {font-family: Name!important}
Assign that font to all small, medium, and large buttons:
.sqs-block-button-element {font-family: Name!important}
Assign that font to any text on a form:
.form-block * {font-family: Name!important}
Here are some common text types you can assign your new font to:
Heading 1 = h1
Heading 2 = h2
Heading 3 = h3
Heading 4 = h4
Paragraph 1 = .sqsrte-large
Paragraph 2 = p
Paragraph 3 = .sqsrte-small
– – –
🔗 RELATED VIDEOS 🔗
Squarespace 7.1 Font Menu Overview: https://youtu.be/n2337V8f2lM
How to create a low highlight text effect in Squarespace: https://youtu.be/Fztc3DprmFU
How to create two columns of text in Squarespace: https://youtu.be/AUsrwm50lqg
– – –
🤩 Download over 60+ pages of custom codes and pro tips for customizing Squarespace in one awesome PDF. Order the Squarespace CSS Cheat Sheet, available now at 👉 https://insidethesquare.co/css
– – –
💸 GET 10% OFF YOUR FIRST YEAR OF SQUARESPACE 💸
Use my affiliate link and code PARTNER10 – You’ll save 10% off your first annual subscription & Squarespace will give me a little commission for sending you their way 😎
🔗 PARTNER10 → https://insidethesquare.co/partner10
—
🙋 Need some help? Visit https://insidethesquare.co/code-help to see my current support options.
—
🥰 SUPPORT MY CHANNEL → https://paypal.me/insidethesquare
💻 WEBSITE → https://insidethesquare.co
📧 NEWSLETTER → https://insidethesquare.co/email
🤳 INSTAGRAM → https://www.instagram.com/thinkinsidethesquare
👍 FACEBOOK → https://business.facebook.com/insidethesquare
📌 PINTEREST → https://www.pinterest.com/insidethesquare
—
The term “Squarespace” is a trademark of Squarespace, Inc. This video was not approved or endorsed by Squarespace, Inc. I just really love their platform ♥
