Changing Site Font with CSS Correctly

Site URL: https://rangerclub.uk

We wanted to change our site font, but with no coding knowledge stared using a basic guide.

Using the below for H1 & H2 didn't work properly but H3 and P did

h1 {font-family: 'FontTitle';}

After a few hours of digging and no luck getting H1 or H2 text to change, I remember what I  did to get the Nav font to change. I opened Chrome DevTools and found the selector for that given piece of text which was/is:

.primary-nav-wrapper nav

I then used that in place of the H1 or H2 tag. Using this same technique I've trawled through the entire site and now have pretty much everything I can see in the correct font although I'm 99% sure that I've done it incorrectly.

Here is my finished code:

//REVIEWS
.Tj4rqy6ba {font-family:FordAntenna Body;}
.D2bg_0SAp {font-family:FordAntenna Body;}
.CQfPNsFw2 {font-family:FordAntenna Body;}
.sHaqaKp_Y {font-family:FordAntenna Body;}
.LWdr7ZM4G {font-family:FordAntenna Body;}
.ProductItem-nav-breadcrumb-link, .ProductItem-nav-pagination-link {font-family:FordAntenna Body;}

//CALENDAR
.ProductItem-details .sqs-add-to-cart-button {font-family:FordAntenna Body;}
.ProductItem-details .variant-select-wrapper, .ProductItem-details .product-quantity-input input {font-family:FordAntenna Body;}
.ProductItem-details .variant-option-title, .ProductItem-details .variant-out-of-stock, .ProductItem-details .quantity-label, .sold-out .ProductItem-details .product-mark {font-family:FordAntenna Body;}
.ProductItem-details .product-price {font-family:FordAntenna Body;}
.ProductItem-details h1.ProductItem-details-title {font-family:FordAntenna Body;}
.yui3-squarespacecalendar .yui3-calendar-weekday {font-family:FordAntenna Body;}
.yui3-squarespacecalendar .marker-daynum {font-family:FordAntenna Body;}
.sqs-block-summary-v2 .summary-block-setting-text-size-medium .summary-title {font-family:FordAntenna Body;}
.sqs-block-summary-v2 .summary-metadata-item {font-family:FordAntenna Body;}
.eventitem-meta-item {font-family:FordAntenna Body;}
.product-block .productDetails .product-title {font-family:FordAntenna Body;}
.eventitem-pager-older {font-family:FordAntenna Body;}
.eventitem-pager-newer {font-family:FordAntenna Body;}
.eventitem-backlink {font-family:FordAntenna Body;}
.collection-type-album.show-album-banner .page-title, .collection-type-blog.view-list.show-blog-banner .page-title, .collection-type-events.view-list.show-events-banner .page-title, .collection-type-gallery.show-gallery-banner .page-title, .collection-type-index.show-index-banner .page-title, .collection-type-page.show-page-banner .page-title, .collection-type-project.show-project-banner .page-title, .collection-type-products.view-list.show-products-banner .page-title, .homepage.show-homepage-banner .page-title {font-family:FordAntenna Body;}

//OTHER
strong {font-family:FordAntenna Body;}
body {font-family:FordAntenna Body;}
.sqs-block-summary-v2 .summary-price .product-price {font-family:FordAntenna Body;}
h2:not(.index-item-title) {font-family:FordAntenna Body;}
h1:not(.entry-title):not(.page-title):not(.project-intro-title):not(.BlogItem-title):not(.ProductList-title):not(.ProductItem-details-title) {font-family:FordAntenna Body;}

//GALLERY
.collection-type-gallery.show-gallery-banner .page-title {font-family:FordAntenna Body;}

//FORUM TWEAK
.form-wrapper .field-list {font-family:FordAntenna Body;}
.form-wrapper .field-list .field .field-element {font-family:FordAntenna Body;}

//STORE TWEAK
.sqs-product-quick-view-button-wrapper {font-family:FordAntenna Body;}
.ProductList h1.ProductList-title {font-family:FordAntenna Body;}
.ProductList .product-price {font-family:FordAntenna Body;}
.sqs-product-mark-wrapper .product-mark.sold-out {font-family:FordAntenna Body;}

//DISCOUNT TWEAK
.sqs-block-image .design-layout-overlap .image-title p {font-family:FordAntenna Body;}
.sqs-block-image .design-layout-overlap .image-subtitle p {font-family:FordAntenna Body;}
.sqs-block-image .image-block-outer-wrapper.design-layout-overlap .image-button a {font-family:FordAntenna Body;}

//NAVIGATION FONT TWEAK
.primary-nav-wrapper nav {font-family:FordAntenna Body;}
.secondary-nav-wrapper nav {font-family:FordAntenna Body;}
//BUTTON TWEAK
.sqs-block-button .sqs-block-button-element--medium {font-family:FordAntenna Body;}
body:not(.button-style-default) .sqs-editable-button {font-family:FordAntenna Body;}
.sqs-block-button .sqs-block-button-element--small {font-family:FordAntenna Body;}
.sqs-block-button .sqs-block-button-element--large {font-family:FordAntenna Body;}

//QUOTE FONT TWEAK
.quote-block blockquote {font-family:FordAntenna Body;}
.quote-block .source {font-family:FordAntenna Body;}

//PRODUCT BLOCK TWEAK
.product-block .productDetails div.product-title.member-area-title {font-family:FordAntenna Body;}
.product-block .productDetails .product-price {font-family:FordAntenna Body;}

//ACCORDION TWEAK
.sqs-block-accordion .accordion-item__click-target {font-family:FordAntenna Body;}

//BLOG TWEAK
.BlogList-pagination-link-label {font-family:FordAntenna Body;}
.collection-type-blog.view-list.show-blog-banner .page-title {font-family:FordAntenna Body;}
.BlogList-item-readmore {font-family:FordAntenna Body;}
.BlogList-item-title {font-family:FordAntenna Body;}
.BlogItem-title {font-family:FordAntenna Body;}
.tagcloud-block ul {font-family:FordAntenna Body;}
.BlogItem-pagination-link-title {font-family:FordAntenna Body;}
.BlogItem-pagination-link-meta-item {font-family:FordAntenna Body;}
//BODY FONT TWEAK
p {font-family: FordAntenna Body;}
//H1 FONT TWEAK
h1 {font-family: FordAntenna Body;}
//H2 FONT TWEAK
h2 {font-family:FordAntenna Body;}
//H3 FONT TWEAK
h3 {font-family:FordAntenna Body;}

//FONT UPLOAD
@font-face {
font-family: 'FordAntenna';
src: url(https://static1.squarespace.com/static/5d938f54542e4e299450c80f/t/6239e02c5fb8a74c5196de74/1647960109020/ford-antenna-medium-58955836e60d2.otf);}

@font-face {
font-family: 'FordAntenna Body';
src: url(https://static1.squarespace.com/static/5d938f54542e4e299450c80f/t/623a16e40b81fc173a362aba/1647974116704/FordAntenna-Light.ttf);}

@font-face {
font-family: 'FordAntenna H';
src: url(https://static1.squarespace.com/static/5d938f54542e4e299450c80f/t/623a1ad002b7132b15b9390b/1647975121213/FordAntenna-Medium.ttf);}

Could anyone please confirm the correct way to do this. We just want one font sitewide.

Thanks

Sometime you need to add !important to override Squarespace default font, something like this

h1 {font-family: 'FordAntenna Body' !important;}

Just given that a try but no luck (code below)

//H1 FONT TWEAK
h1 {font-family: 'FordAntenna Body' !important;}
//H2 FONT TWEAK
h2 {font-family: 'FordAntenna Body' !important;}
//H3 FONT TWEAK
h3 {font-family: 'FordAntenna Body' !important;}

//FONT UPLOAD
@font-face {
font-family: 'FordAntenna';
src: url(https://static1.squarespace.com/static/5d938f54542e4e299450c80f/t/6239e02c5fb8a74c5196de74/1647960109020/ford-antenna-medium-58955836e60d2.otf);}

@font-face {
font-family: 'FordAntenna Body';
src: url(https://static1.squarespace.com/static/5d938f54542e4e299450c80f/t/623a16e40b81fc173a362aba/1647974116704/FordAntenna-Light.ttf);}

@font-face {
font-family: 'FordAntenna H';
src: url(https://static1.squarespace.com/static/5d938f54542e4e299450c80f/t/623a1ad002b7132b15b9390b/1647975121213/FordAntenna-Medium.ttf);}