Posted in Featured, Tutorials, Wordpress

Like this post? Share It :
  • Print
  • email
  • PDF
  • Google Bookmarks
  • Facebook
  • Twitter
  • MySpace
  • Yahoo! Buzz
  • del.icio.us
  • Digg
  • LinkedIn
  • StumbleUpon
  • Tumblr
  • Reddit
  • Technorati
  • Design Float
  • RSS

How To Change WordPress 3.2 HTML Editor Font

The new WordPress’s HTML editor uses monospace font for editing, which I personally don’t like at all. If you are among folks who don’t appreciate it and want to change, this simple to follow tutorial will help you out.

Procedure:

Note: Do take backup of the files before you try this.

01. Login to your WordPress administration panel and go to Appearance => Editor => Theme Functions (functions.php)

02. Once there place this below code before ?>:

add_action( 'admin_head-post.php', 'devpress_fix_html_editor_font' );
add_action( 'admin_head-post-new.php', 'devpress_fix_html_editor_font' );
function devpress_fix_html_editor_font() { ?>
<style type="text/css">
#editorcontainer #content, #wp_mce_fullscreen {
font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
}
</style>
<?php }

 

03. You can change the font to whatever you like.

This concludes this simple and useful tutorial. Hope you like it.


TutZone

Like this post? Share It :
  • Print
  • email
  • PDF
  • Google Bookmarks
  • Facebook
  • Twitter
  • MySpace
  • Yahoo! Buzz
  • del.icio.us
  • Digg
  • LinkedIn
  • StumbleUpon
  • Tumblr
  • Reddit
  • Technorati
  • Design Float
  • RSS

Related posts:

  1. Fix Visual Editor In WordPress
  2. History of Font Design and Some Font Editing Tools
  3. How To Create Custom Post Meta Boxes In WordPress
  4. Paul Rand Will Change Your Life!
  5. How to Use the Twitter API in WordPress

Comments are closed.