Block editor font does not match site font

  • Unknown's avatar
    sitecraftercomau · Member ·

    Hi, I changed the fonts for the TwentyTwenty theme using CSS in a TwentyTwenty child theme, but the new block editor does not match the fonts.

    It looks like the default TwentyTwenty fonts when I edit the page in the new WP block editor. Not the greatest experience I must say, unless I need to do something in the CSS to enable the new Google Fonts in the editor.

    Any help greatly appreciated!

    Also, why isn’t there an option to update the fonts in the Twenty Twenty theme? Seems like something users would want to do straight away.

  • staff-totoro · Staff ·

    Hi there,

    Which site is this for? I see you have a few on your account. You are referring to a site you connected to WordPress.com via the Jetpack plugin on your site?

    one thing to be aware of is that the editor uses it’s own build in styles or “editor styles” that are added by the theme you are using. But the editor would not be able to reflect a font change you made via custom CSS. Generally you will need to add support for the editor in your child theme per: https://developer.wordpress.org/block-editor/developers/themes/theme-support/

    Hope this helps

  • The topic ‘Block editor font does not match site font’ is closed to new replies.