vanderwo
-
Posts
3 -
Joined
-
Last visited
vanderwo's Achievements
Level 1 (1/20)
0
Reputation
-
Custom font not showing on Safari and iOS
vanderwo replied to vanderwo's topic in Customize with code
@tuanphan you are phenomenal, thank you so much! -
Site URL: https://www.brandivanderwolfphotography.ca/home I have a custom font on my website "Jonathan" . Previously it worked fine on all platforms up until a month ago, when it stopped getting viewed as a script font on Safari and iOS (as far as I can tell) and just shows as a Serif font. Nothing had changed in my CSS. It still views fine on Chrome. Current CSS: font-face { font-family: ‘Jonathan’; src: url('https://static1.squarespace.com/static/612805b13766f76daeb68027/t/61a8f67ff8c4752974f59c16/1638463103868/Jonathan.otf'); src: url(https://static1.squarespace.com/static/612805b13766f76daeb68027/t/62c36a9f6b8df8606be4ec2e/1656973986230/Jonathan.ttf) } h3 { font-family: 'jonathan'; font-weight: 540; font-style: normal; font-size: 45px; letter-spacing: 0.1em; text-transform: normal; line-height: 1.3em; } Thank you for any help!
-
Site URL: https://www.brandivanderwolfphotography.ca I have a custom font "Jonathan" as Heading 3. Up until very recently, it worked just fine across all platforms, now it just shows up as a plain Serif font when viewed on Safari. It views fine on Chrome. Current CSS: font-face { font-family: ‘Jonathan’; src: url('https://static1.squarespace.com/static/612805b13766f76daeb68027/t/61a8f67ff8c4752974f59c16/1638463103868/Jonathan.otf'); src: url(https://static1.squarespace.com/static/612805b13766f76daeb68027/t/62c36a9f6b8df8606be4ec2e/1656973986230/Jonathan.ttf) } h3 { font-family: 'jonathan'; font-weight: 540; font-style: normal; font-size: 45px; letter-spacing: 0.1em; text-transform: normal; line-height: 1.3em; } I have both the ttf and otf font files uploaded.
