Adobe Fonts

At a glance

The community member is asking if there is a way to import fonts from Adobe and use them in the editor, as unlike Google, Adobe does not allow direct download of font files but rather provides a code to paste in the <head> section. The community member tried this but the fonts do not display in the editor, though they do on the published website. The comments suggest that using the <head> method will only show the fonts on the published site, and that the community member can test them by putting the code in an HTML embed and then switching over to the <head>. Another community member recommends against using external font services as it can slow down the site, and suggests using fonts from Coollabs instead of Google Fonts.

Useful resources

JJayce

Hi, is there a way to import fonts from Adobe and use them in the editor? Unlike Google, they don't allow direct download of the font files and rather provide a code to paste in <head>, like this one: <link rel="stylesheet" href="https://use.typekit.net/aos2rsh.css"> — which I tried but the fonts do not display in the editor, and though they do on the published website, I can't tell if they are actually working or if they are loaded from my local font files.

4 comments

OOleg Isonen

putting them via head in project settings would indeed only show up in the published site, you can test them by putting them in html embed and then switching over to head if that works for you

OOleg Isonen

generally don't recommend usnig external services for fonts, it makes your site slower

JJayce

Thank you for your reply. As I'm mostly "migrating" projects from Webflow for now, I'll use these embed to save time but long-term I'm planning to rely on imported font files.

RRonald from 360Creators

@Jayce Instead of Google Fonts you might want to consider fonts from Coollabs.
Change fonts.googleapis.com to api.fonts.coollabs.io in the head tag.

https://fonts.coollabs.io/

Add a reply

Join the Webstudio community

Adobe Fonts