How to Change WordPress Editor Font

May 17, 2013 by Pat Fortino

To change the font family, change the font in the rules on line 5 and 11 in the code example above.

Add the following code to your theme’s functions.php file:
Note: Before you add this code, look through your theme’s functions.php file to make sure it’s not already there.

/* add editor-style.css to theme */
function my_theme_add_editor_styles() {
    add_editor_style( 'editor-style.css' );
}
add_action( 'init', 'my_theme_add_editor_styles' );

Below are before and after screen shots of my editor.