Use Monospace font for HTML/CSS editing

The font that IMVU chose for editing HTML codes is really annoying. It's hard to tell zeros and O's apart. The letters are too darn close. There is a reason that web designers use tools that display their codes in monospace fonts - it's easier to read and manipulate. In this code, I'm going to show you how to change ALL your HTML/CSS/JS editors back to monospace. The text box where you enter your codes is called a "textarea", and by default it IS monospace, but IMVU changed that with their default CSS, for what reason I don't know. Here is how to change it to something better.

Include the code below in any HTML editor panel. Since IMVU uses jQuery on home pages for IMVU.avatarCard, there's no need to add the script reference to jQuery anymore.

Note: If you've already included a script reference to jQuery hosted on Google, you don't need to include that more than once. It doesn't hurt to add it more than once though.

The two things you can modify are the font-family and font-size. I usually use "em" sizes because they scale better at different page resolutions. I am using Lucida Console as my monospace font, but there are a few others that work on Windows:

'Courier New' (all Windows)
'Lucida Console' (Windows XP and above)
'Lucida Sans Typewriter' (Windows XP and above)
'Consolas' (Windows Vista and 7, I think)

I think it would be cool if IMVU would give us a floating window with more space to edit our codes, instead of the little tiny window. Maybe I'll come up with a way to do that.

This code snippet was originally contributed by Cheri Imvu. Go to the author' imvu website.