I have always found the default font size for the address bar in firefox to be too small but, unlike almost all other aspects of firefox, it was a bit of a challenge to change. You had to manually edit a file called userChrome.css that lived under your home directory tree in a firefox configuration directory. That directory was named
~/.mozilla/firefox/*.default/chrome under linux. On windows it was in the user AppData directory tree.
Each time a new version of firefox was released I would go to that directory and edit the file to describe the font characteristics that I liked.
Unfortunately, when I installed firefox 10, the chrome part of subdirectory was not present.
My first thought was that the paradigm had changed but figured that I would try the old method to see whether it would work and save some search time. It did!
The only differences between the current version and the older versions is that you have to create the chrome subdirectory and you no long have the userChrome-example.css template.
It is very simple to do. Here are the step by step instructions.
Step 1. Create the chrome directory
First create the chrome subdirectory in your local firefox directory tree. The table below shows the location of the firefox directory tree on the platforms that I tested.
|MAC OS X||~/Library/Application\ Support/Firefox/Profiles/*.default/chrome/|
Step 2. Create userChrome.css
Next you need to create the userChrome.css file in the chrome directory. The contents are the same on both platforms.
/* set the URL bar font characteristics */
font-family: monospace !important;
font-size: 18pt !important;
color: #4665A2 !important;
* This has a very interesting effect on my linux hosts,
* it causes parts of the URL to be highlighted.
* I tested it on Ubuntu 11.04 and CentOS 5.5.
* Do NOT do this on windows. The effect is different.
background-color: red !important;
* You can change the width of your address bar using
* max-width. If this is not specified it uses up
* the maximum possible space.
/* I prefer the default. */
/* max-width: 1024px !important; /* by pixels */
/* max-width: 80em !important; /* by characters */
Step 3. Restart Firefox
Finally you need to restart firefox.