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.
<?php
/*
Plugin Name: HTML Editor
Plugin URI: https://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: https://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.
Enjoy!
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. 😉
Thanks! I’m using Verdana happily now.
BTW, I’m using Safari/Mac, and the monospaced font was superugly.