Cannot add a font

  • Resolved delrod

    (@delrod)


    1 year, 1 month 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 3 replies - 1 through 3 (of 3 total)

  • Adobe’s instructions are incomplete here. Simply inserting this line does nothing in relation to WordPress and the Block Editor.

    You can find instructions on how to add a font in the Block Editor here:

    https://fullsiteediting.com/lessons/theme-json-typography-options/#h-how-to-add-font-families-to-the-block-editor

    You have to add this to the code from Adobe and of course adapt it to your needs.

    Thread Starter delrod

    (@delrod)

    Thank you very much for letting me know that it needs more work than what is instructed by Adobe. I highly appreciate the information provided by you, which brings me closer to my goal.

    I am afraid the article is not clear enough to follow up, because I am a beginner in coding. If I understand the article correctly, I must copy THIS code into the Theme.json file. But I am not sure about two things:

    1. What to change in the code before pasting it into my theme.json editor?
    2. Where to paste the code in the theme.json? in the beginning of the editor? or it must be somewhere in-between the lines?

    Thank you in advance for any tips or more tutorial links!

    • This reply was modified 1 year, 1 month ago by delrod.
    Thread Starter delrod

    (@delrod)

    Update: this issue was resolved. I had missed an important step while installing the Adobe fonts.

    To solve it I had to copy the CSS styles of the font given by Adobe into my WordPress additional CSS (e.g., h1, h2, h2…)

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Cannot add a font’ is closed to new replies.