Is basic wordpress/gutenberg incompatible with Adobe Fonts?

Hi there,

I’m not sure if I fully understood the point. Do you mean to load these fonts remotely or download these and upload to run on the site?

Generally, these fonts should work similarly to other fonts.

You can install manually on the Site Editor by going to Typograph, then try to manage your fonts and upload a new one:

Full Size: https://d.pr/i/ci0Yrt

Here’s background on the tech, written to presuppose any questions:

About the service:
Adobe Fonts is a font library subscription service, formerly known as Typekit. Before being acquired by Adobe, Typekit just offered a font library that subscribers could use fonts from on websites. After integrating with Adobe’s Creative Cloud subscription package, it also gives access to the font library on desktop.

The technical bits:
Adobe Fonts host the files, you do not have access. What you get for web projects is a per-project code that you place in the header. That code serves the fonts you selected for that website.

Here are Adobe’s instructions on integration. Not a lot, as you can see.

I tried following the instructions and placing their code “in the header of the html file”.

I found something at ‘[W menu] > Tools > Theme File Editor’, under ‘Parts > header.html’. I placed the code at the bottom of header.html, saved, reloaded, the fonts did not appear in the style editor.

I’m also pressing for answers over at Adobe, and this is of course their responsibility, since it’s their product that’s failing.

But I’d love to hear anything here that could address or solve the issue for regular users that just want to make the two products work together. Or, alternatively, if we could try to clarify if the products are fundementally incompatible and users should skip one of the two products, at their leisure.

Because currently there are no answers, anyone looking for one will just waste lots of time.

• This reply was modified 8 months, 2 weeks ago by sveinbjorn.

Hi @sveinbjorn! At this time, it’s not possible to have a full integration of Adobe fonts in the block editor. This is dependent on things that are being worked on in WP 6.5 and above. You can check the following bug reports for a status:

• https://github.com/WordPress/gutenberg/issues/55239
• https://github.com/WordPress/gutenberg/issues/41479

You can still integrate the fonts in your site using css, but the fonts will not be shown in the typography options in the editor at this time.

So it’s about waiting for a new API to be ready so plugins for services like Adobe Fonts can be made. Clear enough.

Thanks for the clarification Kavya! Good to know.

Until 6.5 I added this line at the top of style.css:

@import url("https://use.typekit.net/projectid.css");

But with 6.5 that doesn’t work for all FSE sites (strangely, some work), so I have enqueued it as an editor asset:

function enqueue_editor_assets() {
 wp_enqueue_style('editor-styles', 
    ' https://use.typekit.net/projectid.css' );
 }
 add_action( 'enqueue_block_editor_assets',  'enqueue_editor_assets' );

• This reply was modified 7 months, 3 weeks ago by highgatecreative.

Any update on this since WP6.5 has been released?