search

WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
https://wordpress.org/gutenberg/
Other
10.32k stars 4.12k forks source link

Font Library: Allow users to utilise Adobe/Typekit fonts #55239

Open jordesign opened 11 months ago

jordesign commented 11 months ago

What problem does this address?

Adobe/Typekit supports font embedding for their customers - but currently requires custom CSS code to assign the typeface to any elements. https://helpx.adobe.com/au/fonts/using/add-fonts-website.html

What is your proposed solution?

It would be great to consider other font providers in the library - including Adobe/Typekit.

ghost commented 11 months ago

I hope the integration with Adobe Fonts becomes feasible.

evaldivieso commented 10 months ago

Hello, any updates on this request. Currently there seems to be no way to include Adobe fonts and configure them in the theme.json file.

Adobe fonts only allow via paid Creative Cloud subscription plans, which they provide a CSS to load fonts.

I know one could purchase the font license to get the font files, but this end up being extremely expensive for user to do, because theme.json does not support adding a remote font like that, so there has to be a way to also load remote fonts like Adobe fonts for those that pay for the Creative Cloud subscription.

Thanks

creativecoder commented 5 months ago

My understanding is that Adobe/Typekit fonts require an individual license, per site, to use.

Given that constraint, I think support for this is best handled in a dedicated plugin, that can save the relevant license info and dynamically generate a font collection that's specific to the site.

jenxi commented 2 months ago

My understanding is that Adobe/Typekit fonts require an individual license, per site, to use.

Given that constraint, I think support for this is best handled in a dedicated plugin, that can save the relevant license info and dynamically generate a font collection that's specific to the site.

Adobe Fonts offers web font licensing as part of their Creative Cloud subscription.

To add Adobe Fonts to their website, users only need to:

  1. Add the following code to their tag: <link rel="stylesheet" href="https://use.typekit.net/[PROJECT-ID].css”>
  2. Add the CSS code to load the font family, weight, and style.

Step 1 can be accomplished by using a plugin to modify or have a feature that lets users key in their Project ID.

Step 2 would need Font Library to allow a custom font by entering the name of the font family, instead of using the default, a Google Font, or an uploaded font.