How to Change The Font Of WordPress 3.2 HTML Editor [Quick Tips]

If you are using WordPress and have recently upgraded to the latest 3.2.x version, you will notice that the font for the HTML editor has changed. In most WordPress upgrade, changes are good, but in this case, the changed font is not web friendly and is straining to the eyes.

wp-new-editor-font

One of the way to change it is to directly edit the wp-admin.css file under the “wp-admin -> css” folder. This is not a good solution because the next time you upgrade your WordPress, your files will be overwritten.

The best way is to insert a small function to your functions.php.

Open your functions.php file in your Themes folder.

Add the following code to the end of the file:

You can change the font-family to the one you like. I personally prefer the Tahoma and Verdana font family.

Save and upload the functions.php file back to the server. This is the result:

wp-restored-font

That's it.

2 comments

  1. Wouldn’t it just be easier to use Windows Live Writer to format your blog post any way you wish, and then publish it? At least that is what I do, and I have no problems whatsoever with my font selection, photo position, or text formatting. There is just so much more you can do with Windows Live Writer that WordPress Themes limit otherwise. After I have my blog post written and formatted I just click publish, and Windows Live Writer uploads the post as-is, which the WordPress themes don’t interfere with.

  2. I don’t really mind for the few font editing options provided by WordPress afterall it should strictly concern the content of your site; for appearance and design you have theme editors, like Lubith for example which offer you powerful typography tools (and many other customizing features).

Comments are closed.

Sponsored Stories