Use Two Font Styles In One Line of Text in Squarespace // Multiple Fonts in Text Block Squarespace
I’m sure you’ve seen plenty of websites (even Squarespace's home page) showcase two types of font in the same line of text.
We can’t do this in the Squarespace editor, but we can with CSS, and that’s precisely what you’ll learn how to do in this tutorial!
The code used in this tutorial is below, but make sure you watch the tutorial so you know how to use it 😉
/* Code Example */
This code will reset a Heading One italic font to no longer be slanted and apply a new font family.
h1 em {font-family: Serif!important; font-style: normal!important}
This code will reset a Heading Three italic font to no longer be bold and apply a new font family.
h3 strong {font-family: Serif!important; font-weight: normal!important}
Remember, bold fonts are strong and you need to reset the font weight to normal. Italic fonts are em and you need to reset the font style to normal.
/* Related content */
💌 Email updates from InsideTheSquare: https://insidethesquare.co/email
⚙️ Chrome extension for the Block ID : https://insidethesquare.co/chromeext
🔡 How to install your own font: https://insidethesquare.co/font
⭐ Free Training: Squarespace CSS Basics:https://insidethesquare.co/learn
🔗 How to install CSS in one page on your Squarespace site: https://insidethesquare.co/squarespac...
📖 Free Guide: Text & Font Properties: https://insidethesquare.co/textguide
- -
❤️ Like this tutorial? Buy me a coffee to say thanks! ☕ https://buymeacoffee.com/insidethesquare
- -
📑 Get access to my collection of CSS codes for Squarespace at https://insidethesquare.co/css
- -
⭐ NEW: List of my top 7 FREE Squarespace tutorials: https://insidethesquare.co/top7
- -
🙋 Need some help? Visit https://insidethesquare.co/code-help to see my current support options.
- -
💻 WEBSITE → https://insidethesquare.co
📧 NEWSLETTER → https://insidethesquare.co/email
🤳 INSTAGRAM → / thinkinsidethesquare
👍 FACEBOOK → / insidethesquare
📌 PINTEREST → / insidethesquare
- -
💸 GET 10% OFF YOUR FIRST YEAR OF SQUARESPACE 💸 Use my affiliate link and code INSIDE10 - You'll save 10% off your first annual subscription & Squarespace will give me a little commission for sending you their way 😎 🔗 INSIDE10 → https://insidethesquare.co/inside10
- -
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 ♥t
Watch video Use Two Font Styles In One Line of Text in Squarespace // Multiple Fonts in Text Block Squarespace online without registration, duration hours minute second in high quality. This video was added by user InsideTheSquare with Becca Harpain 14 November 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 3,478 once and liked it 76 people.