Has there ever been any serious discussion about increasing the default font size of Lobste.rs.? I know I saw a thread before were i was not the only one who mentioned reading the site slightly zoomed in.
Just pressing CTRL+0 to check, and I’m also zoomed in here :-)
Update: I don’t think that increasing the font size is the most important though, the target group here is more than capable to increase the browser’s font size. I am happy it works with browser zoom, as long as CTRL++ does not break I am happy :)
For the record, “the target group” is a dangerous assumption.
on my phone it isn’t so bad, but I do zoom in on my laptop
[Comment removed by author]
Same. It would probably make sense to increase the font size a bit.
On my phone, I find the text size just fine in vertical orientation (360px width). But now that you mention it, I actually avoid horizontal orientation on Lobsters on my phone (640px width) mainly because the text is hard to read at that width. (The other reason I avoid horizontal orientation is that the comment links aren’t big then, which happens only at widths 480px and below.)
On my laptop (880px viewing area width), I always zoom Lobsters in by two or three steps in Firefox (×1.2 or ×1.33), depending on my sitting position’s distance to the screen.
Improving the default font size on desktop isn’t that important because browsers can save a site’s zoom value – it would only make the site more attractive to new visitors. But would be nice to at least increase the size for horizontal orientation on phones, because mobile browsers can’t zoom like desktop browsers. @jcs, would you accept a pull request increasing font sizes globally above certain breakpoints?
What about shrinking the viewport for the horizontal-phone case? Same effect, more or less, but that way we get larger controls as well.
I like the font size as is.
This is a difficult question for general-purpose web design, because 99% of users will never touch their browser’s default font settings, so you’re picking for everyone irrespective of their preferences. Fortunately, I suspect lobste.rs’s userbase is somewhat more technical and somewhat more likely to adjust to their preferences, so this falls somewhere between moot and unimportant.
(Having said all that, I took a look at lobste.rs’s stylesheet and it’s a mishmash of absolute pixel sizes instead of relative percent/em sizes as it should be. I have no idea how possible this would be to fix; the stylesheet looked generated to me, and I certainly don’t know how amenable Rails is to that sort of change.)
I question how true that is. Font override settings, yes, a friend who specializes in accessible UI told me they rarely even test for that because those settings break everything so horribly. But overall zoom features? Those are very discoverable and easy to use, in the recent browsers I’ve tried.
I suppose somebody has metrics on it. :)
Count me as another one in the “I read the site at 125%” camp.
For the record, I zoom in on my desktop as well.
125% zoom here. Font size should be minimum of 16px.
If anything, the body and HTML tags should be left alone in terms of font-size, and let the browser decide what 1 em/rem is.
You probably don’t want to increase the default font size.
If anything, you probably want to scale the font size based on the size of the viewport so the site looks good on a mobile phone and takes up the full screen on whatever desktop viewport is available, be that tiled alongside other windows or full screen on a 8K, 32 inch display.
It’s tricky to get right.
Please don’t do this. It is very easy to break browser zoom that way, and incredibly frustrating to try to talk to designers who are under the impression I should be grateful for it.
Yeah, I’ve had (created) this problem. Zooming in (or out) changes the page size, so the font size adjusts. Eventually it works, but there’s a few sizes in the middle that are kind of stuck.
Is there a solution?
Users are aware of the zoom feature and will use it. Just design sites that don’t break with it, preferably liquid layouts rather than fixed width. Pay particular attention to making sure that zooming doesn’t enlarge sidebars faster than the rest of the page.
Holding the ratio of characters to window width constant isn’t actually the ideal behavior, because people have conflicting needs and preferences about it. Pick a fixed default font size that’s conventional - 12pt or 14pt - so that users can apply their customizations from a consistent starting point.
I think that’s about it, but there are certainly accessibility guidelines that it would be nice for more people to read. :)
I also zoom on my laptops (13" and 15") but not on my phone.
I’ve discovered that I’m zoomed in as well on laptop (125%) (but never phone).
I like the font size as is. I profoundly dislike the new-age style of using big fonts on web pages. Of course I realise that for some people it might be too small, but that’s why we have adjustable browser preferences and zoom.
The problem with these kinds of polls is that only people who have a problem are inclined to respond.
The preferences-and-zoom argument works both ways though.
If you zoom the site right now to 125%, does that size irritate you?
It looks like something that came from medium.com. I tried zooming into 110% and it looks ok, 125% just looks disproportionally large.
I zoom in at LEAST to 125 at home. The whole site is a dust smear otherwise.
I think the real question is why isn’t the site responsive?
It is, but the only viewport distinctions are mobile and desktop.
I have this site zoomed to 150% on my desktop
I think the default text is tiny, but I have my browser’s minimum font size turned up, so it doesn’t bother me.
Also one of the zoomers. I switched my IDE to have a 16pt font size a few years back and it’s helped avoid the headaches and eye strain I used to get.