WriteNowDesign - Wordpress and Ecommerce Website Design

WordPress, Joomla, Ecommerce Website Design

Call 303-907-6133

How to Change WordPress Editor Font

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.

    WordPress Editor Before Change
    WordPress Editor AFTER Change

    Call 303-907-6133