Cannot add a font

  • Resolved delrod

    (@delrod)


    2 years, 7 months ago

    I have been trying to add an Adobe Font to my WordPress website, but unfortunately, I still have not been able to.

    The theme in use is ‘TwentyTwenty Three‘. I don’t use any site builders but only Gutenberg and Jetpack. By default, there are 5 fonts available in the Gutenberg Builder.

    Adobe instructions say that I need to copy their font code into the <head> tag of the website’s HTML. But when I upload the code through the Theme File Editor, the font does not appear in the fonts list of Gutenberg builder.

    I also tried several plugins to retrieve the font code (e.g., Code Snippets, WPCode, CustomFonts), but I get the same result, the font does not show up.

    I would appreciate any tips or solutions to this!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Kavya Gokul (a11n)

    (@properlypurple)

    2 years, 7 months ago

    Hey @delrod ! If you have the actual font files, you can use the font library built into the latest Gutenberg plugin. The short video below shows the process

    As an alternative, you can check if there’s a plugin that would support fonts from Adobe, such as the ones on this search page.

    Thread Starter delrod

    (@delrod)

    2 years, 7 months ago

    @properlypurple I had never known about this option, I am glad it is there! and thank you for the tutorial!

    Unfortunately, this method does not work with Adobe Fonts because they cannot be uploaded as a file. I have learned that Adobe accepts the use of their fonts only through their CSS code (otherwise the font owners won’t earn revenue and could file a complaint).

    I tried also the plugins, but they don’t support retrieving the Adobe Font to the Gutenberg builder. They work only if I use external site builders such as Astra and Elementor.

    I will make a few more attempts to see how the Adobe fonts can be retrieved to Gutenberg blocks using CSS. Otherwise, Google Fonts will be okay in the end.

    • This reply was modified 2 years, 7 months ago by delrod.
    Moderator jordesign

    (@jordesign)

    2 years, 7 months ago

    Hey @delrod

    Unfortunately, this method does not work with Adobe Fonts because they cannot be uploaded as a file. I have learned that Adobe accepts the use of their fonts only through their CSS code (otherwise the font owners won’t earn revenue and could file a complaint).

    This is true – as far as I am aware Adobe will only add the font to the site with that code in a way where it needs to be manually assigned to text with CSS.

    I’m not aware of any immediate plans to integrate Adobe Fonts directly into the editor – but I can definitely recommend checking out the Google Font options.

    I’ve also added an Enhancement request for that Font Library functionality – to consider other providers like Adobe.
    https://github.com/WordPress/gutenberg/issues/55239

    Thread Starter delrod

    (@delrod)

    2 years, 7 months ago

    Thank you very much for noting it to the development team!!

    I will close this thread and hope there will be easier integration solution for Adobe fonts.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Cannot add a font’ is closed to new replies.