JamieKowalik Posted January 12, 2021 Share Posted January 12, 2021 Hi! Does anyone know how to load Adobe Fonts to a SS site? I've been trying to research it and it looks like the only was is with CSS. Does anyone have the code for this or is there another way to do this? Thanks so much! Link to comment
derricksrandomviews Posted January 12, 2021 Share Posted January 12, 2021 (edited) Squarespace has many fonts that look like adobe fonts. I have browsed SS fonts and compared them to ones on this page. If you find you still want to upload custom fonts then this should help: https://katescott.co/blog/add-custom-font-to-squarespace https://fonts.adobe.com/fonts Find a specific font specific Adobe or Google Font, search for it in the Browse all fonts option. In the Home Menu, click Design, then click Fonts. Under Global Text Styles, click the text type you want to change: Headings, Paragraphs, Buttons, or Miscellaneous. Click Family. Click Browse All Fonts. Scroll to browse the available fonts, or enter the font name in the Search fonts field at the top of the panel. Click Save to apply your changes Edited January 12, 2021 by derricksrandomviews Link to comment
JamieKowalik Posted January 16, 2021 Author Share Posted January 16, 2021 Thank you for these links. I do need to use a specific Adobe font however, because we do want some of the headings to exactly match the branding we've created for this client. I've actually checked out this post from Kate Scott and if you see under her Adobe Typekit instructions, she says to copy and paste the Adobe project ID to the External API Keys labeled "Adobe" under advanced settings in SS. This API Key doesn't seem to exist anymore. So you can see I've hit a wall here. Have you uploaded an Adobe font using these guides? I'd love to know how you got around this wall concerning the External API Key. Thank you! Link to comment
Solution paul2009 Posted January 16, 2021 Solution Share Posted January 16, 2021 (edited) On 1/16/2021 at 2:04 PM, AlpngloCreative said: I've actually checked out this post from Kate Scott and if you see under her Adobe Typekit instructions, she says to copy and paste the Adobe project ID to the External API Keys labeled "Adobe" under advanced settings in SS. This API Key doesn't seem to exist anymore. Custom Adobe Fonts are still supported on Squarespace 7.0 sites, but as you haven't provided a link to the site you're discussing, I'll assume it is a Squarespace 7.1 site. Squarespace 7.1 doesn't yet have native support for custom Adobe Fonts so you'll need to add them manually using code, as described in my guide Adding Custom Fonts to Squarespace. Edited March 24 by paul2009 Improve your online store with our extensions.About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links.Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)Buy me a coffee Link to comment
JamieKowalik Posted January 20, 2021 Author Share Posted January 20, 2021 Thank you Paul! paul2009 1 Link to comment
JamieKowalik Posted January 26, 2021 Author Share Posted January 26, 2021 I just wanted to follow up on this thread in case anyone was looking to figure out how to use Adobe Typekit fonts in SS 7.1. I found a tutorial that worked for me! https://www.squarebase.co/blog/how-to-add-custom-fonts-to-squarespace-71-including-adobe-typekit-fonts Just scroll to the bottom of the post and they explain how to upload adobe typekit fonts there. ThePsycheStudio and rubyrosedesign 1 1 Link to comment
ThePsycheStudio Posted March 24 Share Posted March 24 Thank you for posting the link! It's work for me 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