Adobe font not loading in block editor

  • 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://www.ads-software.com/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'  media='all' />

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

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

    (@macmanx)

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

    Thread Starter rose18

    (@rose18)

    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)

    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.

    rockdirector

    (@rockdirector)

    I am having the same issue with Adobe/Typekit fonts loading in the front end (I am using FontsPluginPro) but not in the block editor. It is driving the other editors crazy.

    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.

    I am wondering if @bcworkz or anyone else would be willing to explain that process as more of a step-by-step tutorial for us less experienced WP builders?

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adobe font not loading in block editor’ is closed to new replies.