This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

Increase font size of bookmarks toolbar and search bar

  • 2 majibu
  • 6 wana tatizo hili
  • 1 view
  • Last reply by cor-el

more options

Hi! There are multiple recent threads on this issue, and not one of them has a solution, so I'm asking again. I want to increase the font size of the top header text, specifically the bookmarks toolbar, search bar, and tab titles. The text is too small for me to read. It would also be useful if I could increase the font size for the applications menu (the hamburger drop down menu in the far right of the header).

I do not want to increase the size of anything else, so changing layout.css.devPixelsPerPx is not the solution. I have changed my global zoom settings, and set them specifically to "Zoom text only", but this setting does not effect the bookmarks toolbar or the search bar. Changing the default font size also does not increase the size of this text.

Just to clarify again, these threads are not solutions to my question: https://support.mozilla.org/en-US/questions/1214027 https://support.mozilla.org/en-US/questions/1293358

Hi! There are multiple recent threads on this issue, and not one of them has a solution, so I'm asking again. I want to increase the font size of the top header text, specifically the '''bookmarks toolbar, search bar, and tab titles'''. The text is too small for me to read. It would also be useful if I could increase the font size for the applications menu (the hamburger drop down menu in the far right of the header). I do not want to increase the size of anything else, so changing layout.css.devPixelsPerPx is not the solution. I have changed my global zoom settings, and set them specifically to "Zoom text only", but this setting does not effect the bookmarks toolbar or the search bar. Changing the default font size also does not increase the size of this text. Just to clarify again, these threads are not solutions to my question: [https://support.mozilla.org/en-US/questions/1214027 https://support.mozilla.org/en-US/questions/1214027] [https://support.mozilla.org/en-US/questions/1293358 https://support.mozilla.org/en-US/questions/1293358]

All Replies (2)

more options

That preference does change the size of web content as well as the user interface but you can change your zoom setting to offset that in Settings > General > Language and Appearance > Zoom.

https://support.mozilla.org/en-US/kb/font-size-and-zoom-increase-size-of-web-pages

You can also create a file userChrome.css to change font sizes. More on that if you are willing to do that. Remove the blank space in the following link.

https://www.userchrome. org/how-create-userchrome-css.html

more options

Note that using "Zoom text only" can cause text overlapping issues with webpages that position text absolutely as this doesn't adjust containers. Best is always to use full page zoom to increase the containing elements as well.

Changing the font-size in that many places unnecessarily complicates the code making it a lot more difficult to maintain (i.e. it can easily get broken).

What is against using layout.css.devPixelsPerPx on your Mac (what do you not want to get changed in the user interface) ? Do you have a high definition (retina) display ?

I use this code in userChrome.css for some of the input fields (I prefer a mono-spaced font):

.urlbar-input-box, .findbar-textbox, .searchbar-textbox {
 font-size: 11pt !important;
 font-family: "DejaVu Sans Mono" !important;}