Change font size in Firefox 93

Page 1 of 2 12 LastLast

  1. at67
    Posts : 7
    windows 10 pro
       New #1

    Change font size in Firefox 93


    Hi
    This is my first post here.
    I've been using FF 57 up untill last week. I edited my userChrome.css file to make many changes in FF.
    My most important chages were to enlarge the fonts in the bookmarks sidebar and place tabs below the address bar
    and enlarge the menu, address and tab bar fonts.
    There were a few websites that would not load and a few said they would no longer support my version. So I upgraded to FF93
    The fonts in FF93 are so small I can barely read them.
    I tried changing my user chrome file and also useed all the data from my old css file but didn't help at all.
    After 3 days of searching I'm wondering if it's possible to change these font sizes in FF93
    Version 2004 OS Build 19041.1288
      My Computer
    Quote Quote

  3. quandary
    Posts : 161
    Windows 11
       New #2

    What is the Display Resolution and Scale of your display. Those items likely affect the control sections in FF. You could also try removing the userChrome.css and run FF native to see if it make a different. If it does then gradually make the .css changes.
      My Computer
    Quote Quote

  4. at67
    Posts : 7
    windows 10 pro
    Thread Starter
       New #3

    Hi
    Your reply helped a lot. Thanks
    I had the resolution set to the win recommended 1680 -1050
    Changed it to 1280-960 The bookmarks sidebar fonts and menu-tabs got at least more readable.
    I increased the desktop icons through ctrl+wheel.
    BUT.......... Is there a way changing the css file can have any effect on FF93??
      My Computer
    Quote Quote

  6. das10
    Posts : 3,274
    Win10
       New #4

    Customizations in userChrome.css still work in Firefox 93, although there have been quite a few changes in the CSS codes since Firefox 57. For the general "interface" font the following CSS code which still works for me in in Firefox 93. It changes the size and boldness of the fonts on menus etc. You would need to change the values for the font size and the weight to make it look the way you want.

    Code:
    /* Global UI font */
    * {font-size: 12pt !important;
    font-weight: 600 !important;
	}
    For more information have a look at:
    Firefox... taming the beast part 2 !!
    Firefox... taming the beast !
      My Computers
    Quote Quote

  7. at67
    Posts : 7
    windows 10 pro
    Thread Starter
       New #5

    das10,
    I added the code to my css file and it worked great, exact size and weight.
    How can I place the tabs below the address bar?
    Or, where can I find codes that will work with FF93
    Thanks, at67
      My Computer
    Quote Quote

  8. quandary
    Posts : 161
    Windows 11
       New #6

    at67 said:
    How can I place the tabs below the address bar?
    You may also want to try vertical tabs using the Tree Style Tab addon. It moves all the tabs to the left and you can nest or indent the tabs. This feature alone is my #1 reason for using FF, and I have over 100 tabs in place, ready to be used whenever. I find this more convenient than Bookmarks.

    There is a bit more to perfecting the layout that just enabling the addon, so ask if you are interested.
      My Computer
    Quote Quote

  9. das10
    Posts : 3,274
    Win10
       New #7

    I too, have tabs below the navbar, so here is my userChrome.css (edited) which works for me - maybe you could customize it as needed. As the code snippets are not my own creations, you might need to search for any other customizations beside the ones I use.

    Code:
    /* note : these are code snippets copied from elsewhere*/

/* MAKE SURE THIS IS THE FIRST LINE         */
/* Menubar on top                         */
    :root:not([sizemode="fullscreen"]){ --uc-window-control-width: 0px !important }

/*note this used to be different before 90*/
/*menubar location-position*/
    #toolbar-menubar{
    position: fixed;
    display: flex;
    top: var(--uc-titlebar-padding,4px);
    width: 100%;
    overflow: hidden;
    }

/* order - Bookmark bar beneath URL bar, Tabs beneath URL bar */
    .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
    #titlebar{
    -moz-box-ordinal-group: 2;
    -moz-appearance: none !important;
    --tabs-navbar-shadow-size: 0px;
    }

/*https://www.userchrome.org/firefox-89-styling-proton-ui.html*/
/*** Tighten up drop-down/context/popup menu spacing ***/
    menupopup > menuitem, menupopup > menu {
      padding-block: 0px !important;
    }
    :root {
      --arrowpanel-menuitem-padding: 0px 0px !important;
    }

/* Global UI font */
    * {font-size: 12pt !important;
       font-weight: 600 !important;
      #font-family: "Times New Roman" !important;#
	}
/* navigator location-position   */                                                        
#navigator-toolbox{ padding-top: calc(22px + var(--uc-titlebar-padding,5px)) !important }
    :root[sizemode="fullscreen"] 
	#navigator-toolbox{ padding-top: 5px !important; }

/* Bookmarks menu padding                   */
    #BMB_bookmarksPopup .subviewbutton {
    padding: 0.2em !important;
    }
/* make border around urlbar              */
    #urlbar-background,
    #searchbar {
    border-radius: 4px !important;
    border: 1px solid #8D8D8D !important;
    }
	
/* icons spacing                         */
     #main-window[uidensity=compact] {
     --toolbarbutton-outer-padding: 2px !important;
     }
    Hope it works for you.

    (pn: I also use the MenuBar and TitleBar ( in Settings> Customize Toolbar - on the other hand, if you personally don't, the result might not look right).
    Last edited by das10; 18 Oct 2021 at 10:17.
      My Computers
    Quote Quote

  10. at67
    Posts : 7
    windows 10 pro
    Thread Starter
       New #8

    quandary said:
    You may also want to try vertical tabs using the Tree Style Tab addon. It moves all the tabs to the left and you can nest or indent the tabs. This feature alone is my #1 reason for using FF, and I have over 100 tabs in place, ready to be used whenever. I find this more convenient than Bookmarks.

    There is a bit more to perfecting the layout that just enabling the addon, so ask if you are interested.
    I tried this a while back but didn't care for it.
    Thanks, at67

    - - - Updated - - -

    [QUOTE=das10;2313735]I too, have tabs below the navbar, so here is my userChrome.css (edited) which works for me - maybe you could customize it as needed. As the code snippets are not my own creations, you might need to search for any other customizations beside the ones I use.

    I used your css file and it's just how I had it in the ''old days''.
    Only thing is the min-max and close buttons are to the extreme left against the menu bar.
    If I add in the title bar, which I never did, they move to the right, which is where I want it.
    How can they be put back to the right without the title bar?
    I want everyone that replied to know how much I appreciate the help I'm getting here. THANKS! at67
      My Computer
    Quote Quote

  12. das10
    Posts : 3,274
    Win10
       New #9

    That is one issue I had noticed when testing my my userChrome.css, but as I have always used the Titlebar and MenuBar, I had not pursued it further. If I come across a solution, I will post it into this thread.
      My Computers
    Quote Quote

  13. das10
    Posts : 3,274
    Win10
       New #10

    Well, I had a look at one of the pages in the 7z files from the main "Firefox Taming the Beast" threads, and found a code snippet which might work to move the Min Max Close Caption buttons to the right - I hope it works.
    Code:
    /* note : these are code snippets copied from elsewhere*/

/* MAKE SURE THIS IS THE FIRST LINE         */
/* Menubar on top                         */
    :root:not([sizemode="fullscreen"]){ --uc-window-control-width: 20px !important }

/* move caption buttons to windows top right position */
.titlebar-buttonbox-container {
  position: fixed;
  right: 0;
  visibility: visible;
  display: block;
}

     /*note this used to be different before 90*/
/*menubar location-position*/
    #toolbar-menubar{
    position: fixed;
    display: flex;
    top: var(--uc-titlebar-padding,5px);
    width: 100%;
    overflow: hidden;
    }

/* order - Bookmark bar beneath URL bar, Tabs beneath URL bar */
    .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
    #titlebar{
    -moz-box-ordinal-group: 2;
    -moz-appearance: none !important;
    --tabs-navbar-shadow-size: 0px;
    }

/*https://www.userchrome.org/firefox-89-styling-proton-ui.html*/
/*** Tighten up drop-down/context/popup menu spacing ***/
    menupopup > menuitem, menupopup > menu {
      padding-block: 0px !important;
    }
    :root {
      --arrowpanel-menuitem-padding: 0px 0px !important;
    }

/* Global UI font */
    * {font-size: 12pt !important;
       font-weight: 600 !important;
      #font-family: "Times New Roman" !important;#
	}
/* navigator location-position   */                                                        
#navigator-toolbox{ padding-top: calc(22px + var(--uc-titlebar-padding,10px)) !important }
    :root[sizemode="fullscreen"] 
	#navigator-toolbox{ padding-top: 5px !important; }

/* Bookmarks menu padding                   */
    #BMB_bookmarksPopup .subviewbutton {
    padding: 0.2em !important;
    }
/* make border around urlbar              */
    #urlbar-background,
    #searchbar {
    border-radius: 4px !important;
    border: 1px solid #8D8D8D !important;
    }
	
/* icons spacing                         */
     #main-window[uidensity=compact] {
     --toolbarbutton-outer-padding: 2px !important;
     }
    Last edited by das10; 18 Oct 2021 at 16:29. Reason: moved a few pixels around
      My Computers
    Quote Quote

 

  Related Discussions
Some time ago, I posted a question about changing the menu and toolbar font size in Firefox. The responses were all accurate and didn't do what I wanted. The suggestions changed the fonts through out FF. What I was looking for was the web...
Changing Font Size in Firefox
in Browsers and Email

It's been a long, long time since I have installed Firefos but I remember I could change the font size of the menus, toolbars etc. by using selection from a list of reg files. Now I can't find that list anywhere. Would someone please point me to...
How to Change Console Window Font and Font Size in Windows A console (or "terminal) is an application that provides I/O to character-mode applications. For example: command prompt, PowerShell, or Linux This tutorial will show you how to...
How To Change Font Size?
in Customization

I just installed the most recent update for Windows 10 and I've noticed that my fonts in Windows 10 and my apps are smaller. Even in apps like Chrome and Firefox my fonts are smaller. How can I increase the size of my fonts? Thank you.
Hi, I recently upgraded to Windows 10. I'm having some great difficulty in upsizing the default font size. I've tried changing the font size, but I'm only afforded the option to increase it to 24 (which the current font size is not). Apart from...
Our Sites
Site Links
About Us
Windows 10 Forums is an independent web site and has not been authorized, sponsored, or otherwise approved by Microsoft Corporation. "Windows 10" and related materials are trademarks of Microsoft Corp.

 © Designer Media Ltd
All times are GMT -5. The time now is 01:32.
Find Us




Windows 10 Forums