I have a high resolution panel (I really fit a lot on my screen) which makes the pixels closer together. I have Windows set for large font so that I can read the task bar, menus, etc. On top of that, I run my browser with the font set on "larger" or "largest." I don't sit up close to the screen. If the web site doesn't allow for this variation in users, when you change the font size in your browser, the font gets bigger but the positioning stays the same. As the font gets bigger, line one and line two, which are fixed in place, start to run into each other and overlap. OTOH, on most sites, when I change the font size, the whole thing shifts--the lines get farther apart and the columns get wider, so all font sizes are readable. SI works just fine, for example.
For the site you linked to, the entire column of print takes up about a third of the width of my screen, not matter how I set the font. Withing that column, setting the font on largest yields this much text in one line: "Judging by the photo, I think Martina Hingis is tired of getting her ass kicked by Serena. Ah". Setting it on smallest, I get this much: "Judging by the photo, I think Martina Hingis is". The text wraps nicely at either size, but the part with the quotes uses some other technique that doesn't accommodate other size fonts. I don't know enough about this stuff to give you a technical explanation. I just know it's a pain. The problem usually occurs when the page designer puts text into boxes. |
