firefox interface font is to small for me to read, how to make it larger
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
الحل المُختار
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 ?
- https://support.mozilla.org/en-US/kb/how-do-i-create-screenshot-my-problem
- use a compressed image type like PNG or JPG to save the 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)
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
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.
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.
rowlandsushi said
thank you Dinushi Dhananjani saidhi 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
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
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.
@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
الحل المُختار
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 ?
- https://support.mozilla.org/en-US/kb/how-do-i-create-screenshot-my-problem
- use a compressed image type like PNG or JPG to save the 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; }
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
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.
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
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.
@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
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.
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
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.
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
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
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.
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