ItsOK Posted February 25, 2022 Share Posted February 25, 2022 Site URL: https://rust-soybean-ynmj.squarespace.com/ Hello Friends! I have a quick question. To this site [ https://rust-soybean-ynmj.squarespace.com/ (Password: bob) ], I added a custom font and it worked flawlessly on Chrome, but it doesn't show on Safari for some reason. Would anyone have an idea why that happens? Thank you in advance! Ozan (P.S.: The font I installed is the demo version, and I just wanted to mention that I will purchase the proper license if I can make it work on Squarespace and the client approves it.) Link to comment
Solution tuanphan Posted February 25, 2022 Solution Share Posted February 25, 2022 The font file url doesn't exist, you missing some character, Quote URL.ttf/.otf use this new code @font-face { font-family: recoleta; src: url(https://static1.squarespace.com/static/61e9f289ad8dff5e0d80671d/t/621868273c467a110cabb503/1645766695960/Recoleta.otf); src: url(https://static1.squarespace.com/static/61e9f289ad8dff5e0d80671d/t/6218680e18186052011c2e48/1645766670359/recoleta-webfont.woff),url(https://static1.squarespace.com/static/61e9f289ad8dff5e0d80671d/t/6218681490eb882e0741681e/1645766676725/recoleta-webfont.woff2); } h1 { font-family: recoleta !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
ItsOK Posted February 25, 2022 Author Share Posted February 25, 2022 9 hours ago, tuanphan said: The font file url doesn't exist, you missing some character, use this new code @font-face { font-family: recoleta; src: url(https://static1.squarespace.com/static/61e9f289ad8dff5e0d80671d/t/621868273c467a110cabb503/1645766695960/Recoleta.otf); src: url(https://static1.squarespace.com/static/61e9f289ad8dff5e0d80671d/t/6218680e18186052011c2e48/1645766670359/recoleta-webfont.woff),url(https://static1.squarespace.com/static/61e9f289ad8dff5e0d80671d/t/6218681490eb882e0741681e/1645766676725/recoleta-webfont.woff2); } h1 { font-family: recoleta !important; } You are the best @tuanphan. Really appreciate your help. Thank you. 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