Add these codes to CSS Custom Box and click Save.
- You need to keep the #1 code at the top of the Custom CSS box, this code will load Custom Font File.
- Replace the Font file URL in the code with your custom font file URL
- Replace Velour-Light with the font name that you want
#1. Read First
@font-face {
font-family: Velour-Light;
src: url(https://static1.squarespace.com/static/5f8bfea35dbfc628ea43cb78/t/650ba7dd3f0d8054c231bda6/1695262686319/Velour+Light.otf)
}
Header Button
/* Header button font */
a.btn {
font-family: Velour-Light !important;
}
Button Block
/* Button Block */
div.button-block a {
font-family: Velour-Light !important;
}
List Section Button (Simple Grid, Carousel, Banner Slideshow)
/* List section button - list section item button */
a.list-item-content__button, a.list-section-button {
font-family: Velour-Light !important;
}
Add to Cart
/* Add to cart */
.sqs-add-to-cart-button-inner {
font-family: Velour-Light !important;
}
Quick View
/* Product Quick view button */
span.sqs-product-quick-view-button {
font-family: Velour-Light !important;
}
Continue Shopping
/* Continue shopping button */
a.cart-continue-button {
font-family: Velour-Light !important;
}
Checkout Button
/* Checkout button */
button.cart-checkout-button {
font-family: Velour-Light !important;
}
Form Block Button
/* Form block button */
input.button {
font-family: Velour-Light !important;
}
Form Lightbox Button
/* Form Block Lightbox button */
button.lightbox-handle {
font-family: Velour-Light !important;
}
Newsletter Button
/* Newsletter block button */
span.newsletter-form-button-label {
font-family: Velour-Light !important;
}
Donation Block Button
/* Donation block button */
div.sqs-donate-button {
font-family: Velour-Light !important;
}