LANDO TEMPLATE GUIDE
LIGHTEST 1 - BASIC STYLE GUIDE
Heading 1
Heading 2
Heading 3
Heading 4
Paragraph 1
Paragraph 2
Paragraph 3
PRIMARY
SECONDARY
TERTIARY
DARKEST 1 - BASIC STYLE GUIDE
Heading 1
Heading 2
Heading 3
Heading 4
Paragraph 1
Paragraph 2
Paragraph 3
PRIMARY
SECONDARY
TERTIARY
This template uses custom fonts. Should you want to use other fonts, or to use built-in Squarespace fonts, follow these instructions.
The code to the right shows the custom fonts as they are installed. If you would like to use a different custom font (not included by Squarespace), you can upload the font in the Custom CSS area, by navigating to Pages, then Website Tools, then Custom CSS.
From there, click Custom Files and then add your font. You can use .ttf, .otf, or .woff2. After uploading your font, replace the src:url with the Squarespace URL of your font, starting with the quote and ending with the quote.
After replacing the fonts, you’ll need to change the name of the font in font-family: ‘ ‘; to your new font name. After changing the names, you’ll replace the previous name to the new one under each type, like Headings and Paragraphs.
If you would rather use Squarespace built-in fonts, you can simply go into Custom CSS and remove the code that I have enclosed here, no need to do anything else.
If you need any help with this process, please reach out to me at info@justinmabee.com and I can assist you at no additional cost.
**As a note, this template does not have custom fonts set up for a blog, ecommerce shop, courses, memberships, or events calendar. If you want help getting using custom fonts for this template on any of these additional pages, please reach out to me at info@justinmabee.com and I can assist you at no additional cost.
//Custom Fonts//
@font-face {
font-family: "Instrument Sans";
src: url("https://static1.squarespace.com/static/6700242a56bc9f1e63446397/t/6750ff0229edd320696f130e/1733361410600/InstrumentSans-VariableFont_wdth%2Cwght.ttf")
}
@font-face {
font-family: "Instrument Serif";
src: url("https://static1.squarespace.com/static/6700242a56bc9f1e63446397/t/6750fee6785a347a9cbce438/1733361382727/InstrumentSerif-Regular.ttf")
}
@font-face {
font-family: "Instrument Serif Italic";
src: url("https://static1.squarespace.com/static/6700242a56bc9f1e63446397/t/6750ff505823346532637806/1733361488856/InstrumentSerif-Italic.ttf")
}
//Headings//
h1,h2,h3,h4 {
font-family: 'Instrument Serif';
}
//Paragraphs//
p {
font-family: "Instrument Sans";
}
//Logo Title//
.header-title-text a {
font-family: "Instrument Serif Italic";
text-transform: uppercase;
}
//Mobile Navigation//
.header-menu-nav-item a {
font-family: "Instrument Sans";
}
//Buttons//
.sqs-button-element--primary,
.sqs-button-element--tertiary,
.sqs-button-element--secondary {
font-family: 'Instrument Sans' !important;
}
//Navigation//
.header-nav-wrapper a {
font-family: "Instrument Sans";
}
//Form Block//
.sqs-block-form .field-list .title, .form-wrapper .field-list .field .caption {
font-family: 'Instrument Serif';
}
.form-wrapper .react-form-contents .field-list .description.required {
font-family: 'Instrument Serif';
}
.sqs-block-form .field-list .caption-text {
font-family: 'Instrument Sans';
}
.sqs-block-form .sqs-editable-button {
font-family: 'Instrument Sans';
}
.form-wrapper .field-list .field .option {
font-family: 'Instrument Sans';
}