Support » Developing with WordPress » Adobe font not loading in block editor

Adobe font not loading in block editor

  • rose18

    (@rose18)


    1 week, 6 days ago

    Hi there,

    I have the latest WordPress version 6.3.1 installed, and I am using an Adobe font for the site. Apparently, it isn’t loading the correct font in the block editor. I have this plugin (Custom Adobe Fonts (Typekit) : https://wordpress.org/plugins/custom-typekit-fonts/) installed, so we can embed adobe fonts easily in the WordPress website. The font is loading correctly in the front-end, but not in the block editor.

    I viewed the block editor source code and it’s loading the <link> tag, which is generated by the Custom Adobe Fonts plugin.

    <link rel='stylesheet' id='custom-typekit-css-css' href='https://use.typekit.net/xxxxxx.css?ver=1.0.18' media='all' />

    In the block editor, it seems to be loading the system font. What is the issue?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    1 week, 6 days ago

    I recommend reporting the problem at https://wordpress.org/support/plugin/custom-typekit-fonts/ so the plugin’s developers and support community can help you with this.

    Thread Starter rose18

    (@rose18)

    1 week, 6 days ago

    Hi @macmanx ,

    I also did try not using the plugin and add/enqueue it in the functions.php file, it still doesn’t load the adobe font in the block editor, so it should be a WordPress issue.

    Moderator bcworkz

    (@bcworkz)

    1 week, 5 days ago

    Sound like you’ve loaded the font files all right, but you still need to apply CSS font-family styling to the elements that should use the font. Such rules are typically enqueued as admin styles, but if your rules are fairly limited you could cheat a little and output your rules directly into a <style> block from the “admin_print_styles” action hook. When adding an action callback, use the $priority arg to manage where your style block falls in relation to other style output.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.

Views