WordPress: Change HTML Editor Font

Starting with 3.2, the WordPress HTML editor has become MonoSpaced. Yay! Problem is that it looks best on a non-Windows PC, so someone of my friends who happen to be Windows users have the grumpy.

I made an htmleditor.php file and tossed it into my mu-plugins folder. You can use the folder in single and multisite WordPress, and it makes any php files in there act similar to your functions.php. I find it preferable since you don’t have to port to a new theme, should you change it. Read What is the MU-PLUGINS folder? if you need more help.

Plugin Name: HTML Editor
Plugin URI:  http://halfelf.org/hacks/wordpress-html-editor-font/
Description: I don't like the HTML editor Font on Windows
Version: 1.0
Author: MA Epstein
Author URI: http://ipstenu.org/

function html_editor_admin() {
        <style type="text/css">#content #editor, #editorcontainer #content, #editorcontainer textarea#content, #editorcontainer textarea, div#postdivrich.postarea #editorcontainer textarea#content { font: normal 13px/1.5 verdana !important; }</style>
<?php }

add_action('admin_head', 'html_editor_admin');

You can obviously change font: normal 12px/1.5 Monaco, monospace !important; to whatever you like.


About these ads
StudioPress Theme of the Month


  1. As far as I know, the first font in the stack is Consolas, a very nice Microsoft font they ship starting with Vista. So it’s just your Windows friends running 10-year-old operating systems like XP that might have an issue, but that should be it.

    • Welcome to the hell that is corporate America 😉 We’ve defeated IE 6 (kind of) and XP is next to go, but there is a lot of proprietary software for banking (not to pick a random example) that are incapable of running on Vista, let alone 7.

    • Or anyone who doesn’t care for monospaced fonts. I prefer Verdana, which is what I see now, using Windows7, on my 3.1.3 installs. I’ll use this to switch all of my 3.2 installs to use Verdana as well. 😉

  2. Thanks! I’m using Verdana happily now.

    BTW, I’m using Safari/Mac, and the monospaced font was superugly.

Half-Elf? Try Half OFF WordPress ebooks!