DIY | Library | Fonts
Add, Replace, and Adjust Fonts with CSS
This post is all about working with Squarespace custom fonts—whether you want to tweak heading sizes, override default font settings with CSS, or add your own brand fonts. You’ll find the code snippets below, organised into accordion blocks for easy browsing and copy-pasting.
I’ll be adding more font-related tweaks as I build and maintain client sites, so check back anytime for new additions. If you’re stuck or want a second pair of eyes, feel free to drop me a message at sarah@foubography.com.
-
/* monospace */
pre code {
font-family: 'Courier New', monospace !important;
} -
/* Lightbox Caption Style */
.yui3-lightbox2 .sqs-lightbox-meta * {
font-family: broadacre !important;
}
Related posts
Looking to customise your Squarespace site with code? This post is part of the DIY | Library—a growing collection of practical code snippets designed for Squarespace users who want to take control of their site’s design and functionality. Whether you’re tweaking your navigation, adjusting your mobile menu, or styling buttons, these copy-paste solutions are clean, reliable, and built with SEO and usability in mind. Bookmark this space for easy access to Squarespace custom code that works.