Can anyone help me?! I am having the same issue of the custom font not showing up on the mobile view! Here is the code that was injected by the previous designer:
@font-face {
font-family: 'gotham-book';
src: url('https://static1.squarespace.com/static/604b9eee1d2fa95044fa4ca8/t/604ba22f00ce880c5970d75a/1615569455817/Gotham-Book.ot');
}
h1 {font-family: 'gotham-book';}
h2 {font-family: 'gotham-book';}
h3 {font-family: 'gotham-book';}
h4 {font-family: 'gotham-book';}
p {font-family: 'gotham-light';}
.header-nav-item a {
font-family: 'gotham-book' !important;
}
/* Button font */
.sqs-block-button-element {
font-family: 'gotham-light' !important;
}
/* Image blocks and button in image blocks */
.sqs-block-image * {
font-family: "gotham-book" !important;
}
/* Newsletter form button */
.newsletter-form-button {
font-family: "gotham-light" !important;
}
.newsletter-form-header {
font-family: "gotham-book" !important;
}
.newsletter-block .newsletter-form-field-element, .newsletter-block .newsletter-form-button {
padding: .8rem 2rem !important;
}
.form-wrapper .field-list .field .caption{
font-family : gotham-light;
font-size : 16px;
}
.gallery-caption p{font-family:gotham-light!important}
.gallery-caption {background:white;margin-top:-20%; opacity:0!important}
.gallery-masonry-item:hover .gallery-caption {opacity:1!important; transition-duration:0s!important}
.gallery-caption p{font-family:gotham-light!important}
.gallery-caption {background:white;margin-top:-10%; opacity:0!important}
.gallery-grid-item:hover .gallery-caption {opacity:1!important; transition-duration:0s!important}
Your help is so greatly appreciated!!!