Thou shalt not make me squint


I spend a lot of time reading on a small laptop screen, and many site designers don't seem to take this into consideration. This week I found two useful tricks that make reading online a lot less agonising...

  • Firstly, an addition to the user stylesheet (for Firefox, this is userContent.css):
    body, p, a, li, tt{
    color: black !important;
    background-color: white !important;
    a{ text-decoration: underline !important; border: none !important;}
    a:hover{ color: blue !important; }
    a:visited { background-color: #eee !important; }
    Designers can make their text as ridiculously light grey as they want, but I'll still be able to read it. Less cursing all round.
  • Secondly, a preference in Firefox, under Content → Fonts & Colors → Advanced → Minimum Font Size → 12. Any font size settings smaller than 12pt will be ignored, so sites that use font-size: 72% or x-small for their blog posts (often Microsoft's fault, it seems) will become readable again.