Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

I just can't work near PCs anymore my eyes hurt - I am developer. I use browser a lot. I tried all of them: IE, Safari, FF, Chrome - they all are bad at the most simplest thing - large font size for tabs.

Please don't suggest me changing resolution or change DPI sizes - these are not solutions at all.

I don't care if Chrome loads 14 ms faster than browser X, if I spent 5000 ms trying to determine what the hell that tiny tab is for. I already have -2.00 - and this is stress for my eyes.

Numerous threads on Google, some magic dances in Firefox, didn't find anything for safari. Is it time for Linux already?

Maybe there is some genius guy who wrote plugin to save my vision?

share|improve this question
    
I recommend Firefox due to the fact that it uses XUL/CSS for its UI. You can customize how any part looks, basically. –  iglvzx Mar 27 '12 at 7:17
    
how exactly? any reasonable resource? –  Aubergine Mar 27 '12 at 7:20
    
@Aubergine I am my own resource. ;) –  iglvzx Mar 27 '12 at 7:22
    
that is definitely good for you :-) However I would like to see universal solution that would fit any poor soul like mine –  Aubergine Mar 27 '12 at 7:24
    
I'd be very interested to see an answer from @iglvzx as well. This is a problem I deal with too. –  user3463 Mar 27 '12 at 7:25

1 Answer 1

up vote 7 down vote accepted

You can edit your Firefox profile's userChrome.css or use the Stylish add-on to define the following CSS rule:

#tabbrowser-tabs
{
    font-size: ... !important;
}

Where ... is replaced with a valid font-size value.

Example:

#tabbrowser-tabs
{
    font-size: 20px !important;
}

tabs

Video Demo: http://www.youtube.com/watch?v=BAhzZuhN61E


PS: If you want to also edit the font size of the List all tabs popup menu, the CSS selector is:

#alltabs-popup menuitem

PPS: Once you've increased the size of your tab's text, you can also increase the width of each tab to accommodate:

.tabbrowser-tab:not([pinned]) 
{
    min-width: ... !important;
    max-width: ... !important;
}

Where ... is replaced with a valid min-width or max-width value. Play around with these values to get different effects! Note: Pinned tabs will remain the same size.

Example:

.tabbrowser-tab:not([pinned]) 
{
    min-width: 400px !important;
}

wide tabs

share|improve this answer
    
I tried however it didnt work - created `chrome' added css - no effect at all :-\ C:\Users\MyUserName\AppData\Roaming\Mozilla\chrome Maybe I've done something wrong? Update: such a lovely picture - my dream –  Aubergine Mar 27 '12 at 7:37
    
+1. Works on my machine (latest FF on latest OS X). –  user3463 Mar 27 '12 at 7:40
    
hmm, why does this happen to me, I will keep trying... :-) –  Aubergine Mar 27 '12 at 7:42
    
@Aubergine Try the Stylish add-on, it works the same way, but is easier to use. –  iglvzx Mar 27 '12 at 7:43
1  
you know what? You are WONDER :-D –  Aubergine Mar 27 '12 at 8:39

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.