How to change text size of Gutenberg editor

by

Is there a setting in WordPress Gutenberg editor to change the font size of the text we type while writing posts? I mean the text size inside the editor itself, not the published text that blog visitors view.

4 s
4

If you came here, like me, looking for how to adjust the available text size options within Gutenberg, you can add this code to your theme’s functions.php file (you can add as many options as you like):

add_theme_support(
    'editor-font-sizes', 
    array(
        array(
            'name'      => __( 'Normal', 'your-theme-text-domain' ),
            'shortName' => __( 'N', 'your-theme-text-domain' ),
            'size'      => 14,
            'slug'      => 'normal'
        ),
        array(
            'name'      => __( 'Medium', 'your-theme-text-domain' ),
            'shortName' => __( 'M', 'your-theme-text-domain' ),
            'size'      => 16,
            'slug'      => 'medium'
        )
    )
);

This gives the following result within the Gutenberg editor:

Gutenberg editor showing custom font sizes for a paragraph in a dropdown menu

You can add add_theme_support( 'disable-custom-font-sizes' ); to your functions.php to remove the numerical input, although the “Custom” option will still be visible in the dropdown.

Leave a Comment