jvanhout Posted February 15 Share Posted February 15 My custom Adobe Font, Megazoid, works perfectly on desktop and mobile preview, but when I open my site on my phone it uses the fallback (tested in Chrome and Safari on iOS 16.3.1) I am using the header injection directly from Adobe Type: <link rel="stylesheet" href="https://use.typekit.net/zow1ant.css"> And custom CSS for H1-H4 (I just added the !important although it doesnt seem to make a difference): h1{ font-family: megazoid, sans-serif !important; font-weight: 400; font-style: normal; } h2{ font-family: megazoid, sans-serif !important; font-weight: 400; font-style: normal; } h3{ font-family: megazoid, sans-serif !important; font-weight: 400; font-style: normal; } h4{ font-family: megazoid, sans-serif !important; font-weight: 400; font-style: normal; margin-bottom: -0.1em; } Link to comment
tuanphan Posted February 21 Share Posted February 21 It doesn't work for me. Windows/Chrome Do you still need help? 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
Solution iamdavehart Posted February 21 Solution Share Posted February 21 Hi @jvanhout. Your typekit link isn't being inserted to your page (I've checked the source). the rest of the code is all fine (I've tested by inserting the typekit link manually to your site). it probably works locally for you because you've got that font installed on your local machine... check the code that's inserting the link tag. that should be in your header injection (Advanced > Code Injection). like I said, I tried it on your site and it worked, so you've obviously not got the link tag injection working. Code injection is premium feature so perhaps its not supported for you? if that's the case, just add a code block into your footer and put the link tag in there. <link rel="stylesheet" href="https://use.typekit.net/zow1ant.css"> tuanphan and jvanhout 2 Dave Hart. Software/Technology Consultant living in London. buymeacoffee Link to comment
jvanhout Posted March 1 Author Share Posted March 1 Thanks @iamdavehart! Looks like putting it in a footer code block worked. Side note, I thought custom code injection was unlocked under the Personal subscription, but maybe not? It's misleading that I can access this screen and paste code into it, but am not getting any feedback to say it's disabled for me. (Maybe the "Upgrade [lock icon]" at the top is trying to tell me that, just very weakly? I can't stand poor experience design!) Link to comment
paul2009 Posted March 5 Share Posted March 5 On 3/1/2023 at 8:46 PM, jvanhout said: I thought custom code injection was unlocked under the Personal subscription, but maybe not? Maybe the "Upgrade [lock icon]" at the top is trying to tell me that Code Injection isn't available on Personal billing plans. Regarding the lock icon, the blue 'Premium Feature' banners were not popular so, in response to feedback, they're trying the less obtrusive lock symbol with the 'UPGRADE' link 🙂 Did this help? Please give feedback by clicking an icon below ⬇️ About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. 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