Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

firefox interface font is to small for me to read, how to make it larger

  • 26 ŋuɖoɖowo
  • 2 masɔmasɔ sia le wosi
  • 386 views
  • Nuɖoɖo mlɔetɔ FRodrigues

more options

the theme and font interface is terribly small, it is barely readable for me without straining my eyes. I am to to point where I have to guess where to click in the drop down menus because the print is so small . there addon theme and font changer does not work. it has not work for a couple of years now there was a "userChrome.css" script that I was using that also no longer works. I have been a firefox user since it's beginning. from my online reading other users are having this same problem. I have not been able to find a online solution whet can be done to help or is there any help coming if the future

the theme and font interface is terribly small, it is barely readable for me without straining my eyes. I am to to point where I have to guess where to click in the drop down menus because the print is so small . there addon theme and font changer does not work. it has not work for a couple of years now there was a "userChrome.css" script that I was using that also no longer works. I have been a firefox user since it's beginning. from my online reading other users are having this same problem. I have not been able to find a online solution whet can be done to help or is there any help coming if the future

Ŋuɖoɖo si wotia

Isn't any text affected in the user interface by modifying layout.css.devPixelsPerPx ?

Code in userChrome.css can only affect the user interface, for web pages you need userContent.css.

Can you attach a screenshot ?


You can try this code:

*|*:root * { /*your font rules*/
   font-family:sans-serif !important;
   font-weight:500 !important;
   font-size:16px !important;
   text-shadow:none; !important;
}
Xle ŋuɖoɖo sia le goya me 👍 1

All Replies (6)

more options

Hi ineuw, Thanks for sticking with it. I tried doing that... Firstly, moved the chrome folder (with the userChrome.css file being its sole occupant) into each of those three sub folders of Profiles. No change in Firefox. Then I extracted the file from the chrome folder and put it into each of the three folders as well. Well why not as I'm trying all options? To no avail again.

Tiny Fonts are winning... Thanks once more, Steve.

more options

It taught us both something. First, I am a lousy teacher . . . I forgot to ask or look, but I think you are using Firefox in a Mac, and I assumed Windows.

Second, Keep on searching with a more specific search criteria.

more options

Hi ineuw, Another screenshot for you to see that I have placed it into e7xui... (which by the way was only highlighted because I had selected it - it could have been the other two just as easily. But as I said, I've tried it in all. I do note that the file does not appear to have any suffix attached (.css) but it is a matching icon to other files floating around in the sub directory. Could this be anything?

Thanks again, Steve.

more options

Hi ineau, No dramas. In my first post I stated that I used a Mac. You could tell really? So used to it just working without tinkering!

I think I shall have to 'park' Firefox and keep using Chrome until developers find enough interest for enlarging the Tiny Fonts on the toolbar tabs.

You have been an excellent support and took the time to help. Thanks, Steve.

more options

yw and I contributed nothing. The key lies in being familiar with Mac folder, subfolder and file structures and understand what the Firefox profile files are.

more options

Hello, after trying many times I found a solution at least for Ubuntu 20.04 but other operative systems can also follow:

  • Locate and open the profile directory:

Go to Firefox menu > Help > Troubleshooting Information > Application Basics > Profile Directory > Click on Open Directory button

  • Create the directory with name (if does not exist):
chrome


  • Inside create the file (if does not exist):
userChrome.css


Beware if your OS puts a different file extension!

  • As the cor-el's answer write in the file:
/* new code wrapper required for FF 7xxx */ 
@-moz-document url(chrome://browser/content/browser.xul), url(chrome://browser/content/browser.xhtml) { 

/*
 * Do not remove the @namespace line -- it's required for correct functioning
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

    *|*:root * { /*your font rules*/
       font-size:16px !important;
       text-shadow:none !important;
    }
}


PS: If you want bigger font just change the font-size number:

16px


  • Now we need to allow Firefox to read the file:

Open a tab and write in the address bar:

about:config


In the search box write:

userprof


If you find:

toolkit.legacyUserProfileCustomizations.stylesheets


Having the value false then double click it to turn it to true.

  • Finally you only need to restart Firefox.
  • PS: This solution has a little problem that extensions that show some helper text or numbers turns the font to be the same side has the other UI, so if someone know how to solve it in the css please respond.

FRodrigues trɔe

  1. 1
  2. 2