How to Change the Font in HTML Editor In WordPress 3.3

Posted on by

The HTML editor in WordPress 3.3 uses monospace font, which is not really friendly to the eyes. Here’s how to change the font to, say, verdana.

1. Open your theme’s functions.php file.

2. Copy and paste the following code:

add_action( 'admin_head-post.php', 'wpdb_fix_html_editor_font' );
add_action( 'admin_head-post-new.php', 'wpdb_fix_html_editor_font' );
 
function wpdb_fix_html_editor_font() { ?>
    <style type="text/css">
        #editorcontainer #content, #wp_mce_fullscreen, .wp-editor-area {
            font-family: Verdana,Arial,sans-serif!important;
        }
    </style>
<?php }

3. Save the functions.php file back to the server.

That’s it.