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 replies
  • 2 have this problem
  • 280 views
  • Last reply by 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

Chosen solution

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;
}
Read this answer in context 👍 1

All Replies (20)

more options

rowlandsushi said

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 . the addon "theme and font changer" does not work and 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. What can be done to help and is there any help coming in the future

some editing to make my post more readable

more options

hi dr......

   Press the Alt key to temporarily
bring up the traditional Firefox menus. 

On the menu at the top, click View, then go to Zoom.

   Select Zoom Text Only. This makes the
controls only change the size of text; not images.
more options

thank you Dinushi Dhananjani said

hi dr...... Press the Alt key to temporarily bring up the traditional Firefox menus. On the menu at the top, click View, then go to Zoom. Select Zoom Text Only. This makes the controls only change the size of text; not images.

I can read the web pages fine,and I know how to adjust that. My problem is reading the firefox theme font in the tool bar menu and the font in drop down menu. A example is the font in the bookmark drop down box,it is very very tiny print . I have spent hours online reading looking for a fix for it, There does not seem to be one. The firefox developers have to fix it.

more options

rowlandsushi said

thank you Dinushi Dhananjani said
hi dr...... Press the Alt key to temporarily bring up the traditional Firefox menus. On the menu at the top, click View, then go to Zoom. Select Zoom Text Only. This makes the controls only change the size of text; not images.

I can read the web pages fine,and I know how to adjust that. My problem is reading the firefox theme font in the tool bar menu and the font in drop down menu. A example is the font in the bookmark drop down box,it is very very tiny print . I have spent hours online reading looking for a fix for it, There does not seem to be one. The firefox developers have to fix it.

In your address bar type about:config & press enter

Once on the page search for layout.css.devPixelsPerPx & double click

Change string value to 1.25 or 1.5 or 1.75 whichever suits best ( Don't go above 4.0 ) & click ok.

Hope it helps.

Modified by Totalgenius

more options

thanks for the effort. I have tried your suggestion. on "about:config" fix it makes the interface boxes larger the size of the print is unchanged. the theme and font changer by boris Derin has not been updated in over 2 years it stopped working in early 2018. It should be removed form the add on, many people have tried with no success. thanks again. Like I said there is no fix for this, only firefox can fix it and they have no interest in doing so for almost 2 years now. not good thanks again row

more options

You are using the Firefox version from the Ubuntu repositories.

Does this version use the Linus OX menu bar at the top of the screen or do you get a 'normal' Firefox window?

Try the Firefox version from the official Mozilla server if you currently use a version from the repositories of your Linux distribution.

more options

@rowlandsushi

This is a snippet from my userCrome.css, used in FF 72.0.1. Note the additional code wrapper enclosing the codes, and the @namespace declaration is also in the same enclosure.

Note: This changes the font-size of the FF skin (theme) menus, bookmark descriptions etc., and you can adjust the font size to your preference. Unfortunately, the Bookmarks Library remains displayed with an estimated 7-8 point size. I am in the process of looking to enlarge that font size as well.

/* new code wrapper required for FF 7xxx */ @-moz-document url(chrome://browser/content/browser.xul), url(chrome://browser/content/browser.xhtml) {

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul")

  • {
   font-family:sans-serif !important;
   font-weight:500 !important;
   font-size:16px !important;
   text-shadow:none; !important;

}

} /* end of wrapper */

Modified by ineuw

more options

Chosen Solution

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;
}
more options

thank you,

I solved my problem, 

I found a setting in linux mint which increase the minimum font on web pages default font> I increased i to 18 and made a world of a difference,

thank you
more options

Hi, I have the exact issue identified by the OP. Unfortunately, I find little help in the answers as I do not use the terminal or any coding. I turn my Mac on, load Firefox and everything works. Well, it used to. Now I have tiddly writing on the tabs. The 'theme font & size changer' no longer works. Just asks for input into a survey. Any news on that? Shouldn't this be dealt with by a Firefox update? Or a step by step guide for novice users? Thanks.

more options

This must be a very old issue. Nevertheless,

In the Profiles folder, create a folder named "chrome" Create a text file named userChrome.css in the folder.

This must be the first line of the code
______________________________________________________________________________________
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Linux font-size:15px !important; /***/
/* Windows font-size:14.5px !important; /***/

  • {
   font-family:sans-serif !important;
   font-weight:500 !important;
   font-size:15px !important;
   text-shadow:none; !important;

}
______________________________________________________________________________________

This is all you need to change the font size of the toolbar and the menu drop down lists.

Modified by ineuw

more options

Hi ineuw, Thanks for your support. Where do I find the 'Profiles' folder?

And thence, please make it clear as to what I must type. Is it exactly as formatted in your post, commencing after the words '....line of the code...'

(I can then just copy and paste.)

Thank you, Steve.

more options

@Stegan, I drew two lines to delineate the code.
Copy and paste the code between the two lines. This is the best offered in this forum afaik.
Windows profile folder: C:\Users\<username>\AppData\Roaming\Mozilla\Firefox\Profiles
Linux profile folder is hidden!! select view hidden objects; /home/<username>/.mozilla/Firefox
There is no "Profile" folder in Linux. and replace <username> with you username

I hope this helps

more options

Hi ineuw, You tried your best. I couldnt do it. I found a folder named Mozilla. Opened it and another folder named extensions (with nothing in it). Made a txt file and put it in there. Still no joy on opening Firefox.

I hate to admit this - but I've now moved over to Chrome as it is neater and the default font is slightly larger than Firefox.

Wish Firefox could rewind a bit and revisit this issue as I was quite happy until it stopped working.

Thanks again, Steve.

more options

There is another approach:

In Firefox, Click on Help.
Select "Troubleshooting Information" and click to open it.
The first section is "Application Basics".
Scroll down and you will find an entry named "Profile folder"
Next to it there is a button named "Open folder",
This is followed by your profile folder name and its path.
Click "Open folder" to access the profile folder.
In the profile folder, create a subfolder named "chrome" .
Open the "chrome" folder
Create and place a file named "userChrome.css"
Paste my code and save the file in the "chrome" subfolder
Check spelling of the names "chrome" and "userChrome.css"
When done, close Firefox, the profile folder can remain open.
Restart Firefox
Let me know what happens.

Modified by ineuw

more options

Hi ineuw, Top marks for your support. Followed your clear directions. Thanks. Took a screenshot of the pathway through the directories. (attached)

Unfortunately, on restarting Firefox, still tiny fonts...

Thanks once more, Steve.

more options

Stegan said

Unfortunately, on restarting Firefox, still tiny fonts...

Increase the font size from 15px to 16px or 17px and see if it makes a difference.
A change would indicate that the file works and the size is up to you from then on.
Don't forget to restart Firefox. It reads the userChrome.css on startup.
Let me know pls.

Modified by ineuw

more options

Stegan, the profile folder is a sub-folder of Profiles. The chrome folder is in the wrong place!!!!

You must find the currently used profile through Help. This would be one of the sub folders in Profiles.

Modified by ineuw

more options

Hi ineuw, Thanks. Screenshot of your code (in case I've done the copy and paste wrong) and the directory tree. I can see the chrome folder is a subfolder of Profiles - along with three other sub folders which each contain a load of 'stuff' with several more sub folders and stand alone files. I've tried placing the newly made 'chrome' folder in each of them in turn - to no avail.

Tiny Fonts prevail!

Thanks, Steve.

more options

No. The chrome folder has to be moved down one level into the folder where all the files are displayed in the right side of the image.

the folder starting with e7xui. . . is highlighted and shows the content on the right. That is your profile folder. e7xui is highlighted. then that is your profile folder.
The userChrome.css is correct.

Modified by ineuw

  1. 1
  2. 2