LewisC Posted March 23, 2022 Share Posted March 23, 2022 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 Link to comment
tuanphan Posted March 23, 2022 Share Posted March 23, 2022 Sometime you need to add !important to override Squarespace default font, something like this h1 {font-family: 'FordAntenna Body' !important;} Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
LewisC Posted March 24, 2022 Author Share Posted March 24, 2022 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);} Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment