Hi! I'm also having issues getting my custom font to show on mobile view and desktop on Safari. On Chrome desktop everything looks as it should but no luck otherwise.
https://solandsand.co
Everything seems to look right code wise, but here's my code for your reference:
/**ADD CUSTOM FONT**/
//Headings:Brewery Pro
@font-face {
font-family:'Brewery Pro'!important; src:url('https://static1.squarespace.com/static/61a35a410b6008246ef90b89/t/65df753671d3ea1fb3719661/1709143350257/Linotype-BreweryPro-Bold.woff') format('woff');
}
h1, h2, h3, h4, .user-items-list .list-section-title, .list-item-content .list-item-content__title, .blog-basic-grid--text .blog-title, .grid-main-meta .grid-title, .newsletter-form-header .newsletter-form-header-title, .blog-item-title .entry-title.entry-title--large.p-name{
font-family:'Brewery Pro';
letter-spacing:.025em;
line-height: 1em;
}
//Headings:Luminaire Script
@font-face {
font-family:'Luminaire Script'!important; src:url('https://static1.squarespace.com/static/61a35a410b6008246ef90b89/t/65df736a74a7475879cfc1c9/1709142890585/LuminaireScript-Regular.woff') format('woff');
}
//Headings & Paragraph:Gill Sans Nova SemiBold
@font-face {
font-family: 'Gill Sans Nova SemiBold'; src: url('https://static1.squarespace.com/static/61a35a410b6008246ef90b89/t/65df7392be757d5b056f0447/1709142930894/GillSansNova-SemiBold.woff') format('woff');
}
Thank you for your help!