maraanne Posted October 10, 2021 Share Posted October 10, 2021 Site URL: https://avocado-salamander-tmrn.squarespace.com/ Hey SS Friends, I just built a new site. But unfortunately the custom font isn’t appearing on Mobile. I have iPhone 12 Pro iOS 14.8 Here’s the code I’m using: @font-face { font-family: 'Satoshi'; src: url('FontURLhttps://static1.squarespace.com/static/6150121157e1a418dddb12b9/t/61501397c5e1f5730e80eca0/1632637847267/Satoshi-Regular.otf'); } H2 {font-family: 'Satoshi';} H4 {font-family: 'Satoshi';} p {font-family: 'Satoshi';} Link to comment
Beyondspace Posted October 11, 2021 Share Posted October 11, 2021 On 10/10/2021 at 5:26 PM, maraanne said: Site URL: https://avocado-salamander-tmrn.squarespace.com/ Hey SS Friends, I just built a new site. But unfortunately the custom font isn’t appearing on Mobile. I have iPhone 12 Pro iOS 14.8 Here’s the code I’m using: @font-face { font-family: 'Satoshi'; src: url('FontURLhttps://static1.squarespace.com/static/6150121157e1a418dddb12b9/t/61501397c5e1f5730e80eca0/1632637847267/Satoshi-Regular.otf'); } H2 {font-family: 'Satoshi';} H4 {font-family: 'Satoshi';} p {font-family: 'Satoshi';} Try adding !important to your setting Custom Css which overwrites the setting font-family before BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
tuanphan Posted October 13, 2021 Share Posted October 13, 2021 On 10/10/2021 at 5:26 PM, maraanne said: Site URL: https://avocado-salamander-tmrn.squarespace.com/ Hey SS Friends, I just built a new site. But unfortunately the custom font isn’t appearing on Mobile. I have iPhone 12 Pro iOS 14.8 Here’s the code I’m using: @font-face { font-family: 'Satoshi'; src: url('FontURLhttps://static1.squarespace.com/static/6150121157e1a418dddb12b9/t/61501397c5e1f5730e80eca0/1632637847267/Satoshi-Regular.otf'); } H2 {font-family: 'Satoshi';} H4 {font-family: 'Satoshi';} p {font-family: 'Satoshi';} Use this new code @font-face { font-family: 'Satoshi'; src: url('https://static1.squarespace.com/static/6150121157e1a418dddb12b9/t/61501397c5e1f5730e80eca0/1632637847267/Satoshi-Regular.otf'); } h2, h4, p { font-family: 'Satoshi' !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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