Home | Articles | Wordpress | Change the WordPress Editor Font

Change the WordPress Editor Font

I work with WordPress a lot.  By nature, I like to fiddle with things too.  With that said, I have never been a fan of default font that the WordPress Editor uses.  In fact, I can easily say that if I could change it, I would.  Well, fear not fellow users, there is an easy way to spruce up your editor with a new font.

To change your WordPress Editor Font add the following to your theme’s functions.php file

// --------------------------------------------------------------------------
// Start Change WordPress Editor Font
// --------------------------------------------------------------------------
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");
// --------------------------------------------------------------------------
// End Change WordPress Editor Font
// --------------------------------------------------------------------------

Note: These functions are not of my own creation, simply things I have found along the way.  If you are the author of this function, please let me know so I can properly credit you with your work!

About Joe D

I have always had a passion for everything computing. In early 2000, I decided to take my passion to the web. Thus, C.O.D. was born. Through the years we have made many great friends at C.O.D. and hope to continue our journey for years to come.

Check Also

Manage Multiple WordPress Sites with InfiniteWP

Running your website, or websites, on WordPress is an easy choice as the flexibility the …

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.