STILL CANNOT adjust size of font in browser tabs
Hello, The typeface/font size on the browser tabs and booksmarks are TINY, like maybe 4pt font in context. I've seen some solutions posted (and archived) as recently as Sept. 2023 but I've tried dozens of times and they still do nothing. The font size adjustment choices in Mozilla / Firefox settings adjust the font on WEBPAGES themselves, NOT the still-maddening teensy tiny font at the top of the webpage, where it frankly really counts. HELP!
ყველა პასუხი (1)
There are a couple of ways you can do it. The easiest is to open about:config and change layout.css.devPixelsPerPx
. The default value is '-1.0' so try changing it to 1.2, without the '-.' If that isn't big enough try 1.25 or 1.3 but DO NOT enter a big value — 2 is huge. If you enter something like 20 it will become so big that you won't be able to see it to change it again. That makes EVERYTHING bigger so you may need to use the Zoom in Settings to reduce the size of web-content.
You can also do it via Custom CSS, which is more complicated but arguably better.
Firstly this has to be enabled and set-up. Open about:config and set toolkit.legacyUserProfileCustomizations.stylesheets
to true.
Now go to about:support. Look down the blue block on the left of the screen that will open until you come to "Profile Directory." Click the "Open Directory" button next to it. This will open your Profile Directory in Windows Explorer, or whatever file browser your system uses.
Make a directory/folder in that called chrome
, all lower case. Get into that and create a text file called userChrome.css
(all lower case apart from the C in the middle) with this inside it:—
/* Increase font size of Tabs and Bookmarks Bar */
:root {
font-size: 12pt !important;
}
/* Increase font size of Bookmark menus */
.toolbar-menupopup :is(menu, menuitem), .subviewbutton {
font-size: 12pt !important;
}
Make sure it has saved as userChrome.css
and not userChrome.css.txt
. In Windows you can right-click it and open Properties to see its full name. Correct it if needed.
Restart Firefox for it to take effect.
If 12px still isn't big enough try something more.
Any future tweaks you wish to make can simply be added to the existing userChrome.css
file.