How to change WordPress editor font

How to change WordPress editor font

Don’t like the good old Courrier font used in WordPress editor in HTML mode? It’s very easy to use a more modern font such as Monaco or Consolas. Just read the following recipe to know how to do!

Paste the following code into your theme functions.php file:

function change_editor_font(){
        echo "<style type='text/css'>
#editorcontainer textarea#content {
  font-family: Monaco, Consolas, \"Andale Mono\", \"Dejavu Sans Mono\", monospace; 
  font-size:14px;
  color:#333; 
}
</style>";
} add_action("admin_print_styles", "change_editor_font");

Save the file, then look at the editor It simple as that.