DISCLAIMER: this post is older than one year and may not be up to date with latest WordPress version.

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.

Thanks to Metin Saylan for the cool tip!

Tags

One Comment

  1. Is there a specific place you’re supposed to post that code? I added it to my functions.php file in my theme and it didn’t make a difference.

Leave a Comment

Your email address will not be published. Required fields are marked *