Here’s a quick and short tutorial shared by Damien Oh from WPBDailyBits that shows you how you can change the font in WordPress’ HTML editor.

Follow the very brief instructions below to find out how.

• Open your theme’s functions.php file.
• Copy/paste the following code below:

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 }

• Save the PHP file and you’re done!

You can also change the above code to try out other fonts.

Incoming search terms for the article:

• html font
• wp_editor with fontstyle selector