How To Change Font Properties While Viewing Source Code In Mozilla Firefox

ADVERTISEMENTS

Latest version of Mozilla Firefox has got many new and exciting features. Today, I was looking at its program files and came across a trick to change the font properties, while viewing the source code.

For better visibility, you can change the font style, size, color by  simply editing a CSS file.

Go to C:\Program Files\Mozilla Firefox\res and open viewsource.css file. Right click on it and open it with Notepad or Wordpad or any other text editor.

To make the whole source code text bold, search for #viewsource and under this id, change the normal attribute to bold, so the final code will look like this :

#viewsource {
font-family: -moz-fixed;
font-weight: bold;
color: black;
white-space: pre;
}

In this way, you can change the font style and color also. You can make the changes according to you needs.

Note : Before making any changes it better you take a backup of that CSS file.

If you like this post, you will love these :

1. How To Download Flash Files In Mozilla Firefox
2. Download Mozilla Firefox 3.5.1 : Security Vulnerability Fixed
3. How To View/Open JSON Files In Mozilla Firefox
4. List Of 35 Best Web Development Add-Ons For Mozilla Firefox
5. Use Internet Explorer Instead of Mozilla Firefox : Tip Only For Users With Limited Internet plan
6. All-in-One Sidebar : Mozilla Firefox Add-on
7. Top 5 Internet Security Addons For Mozilla Firefox