Ugly fonts on tabs

I don’t see an option to change ugly outline fonts on tabs that make them quite illegible. The size of the fonts is also too small on both tabs and menu bar. Is there any way to fix this?

You can change pretty much anything in Mozilla based browsers especially if you know a little CSS. Even if you don’t, you can probably find an add-on that will make things easy.

Usually, with firefox, it’s possible to add a userChrome.css file to the profile, unfortunately, I’ve not been able to get this to work with ID. However, you can get around this by using:

Stylish

Once installed, open Add-ons Manager, select Stylish and select Edit. Give your new style a name then copys and paste the following:

.menubar-text
{
font-size: 14pt !important;
}

.tabbrowser-tab .tab-text
{
font-size: 10pt !important;
font-family: Verdana !important;
}

Select Preview.

You can play around with the font size and family to suite your needs. This is a very simple style but with added code you can make many visual changes. If you want, you can also find many pre-made styles at userstyles.org

As mentioned above, you may also be able to find an add-on to suite your needs:

Theme font changer

Or a specific tab add-on:

Tab Mix Plus
Tab Utilities

There’s lots more…

Awesome! Thank you!