When I visit the demo page I had to turn zoom down to 67% because the font size and column length was simply too large, both for myself and when just comparing to other sites. I'm using a 19" 5:4 1280x1024 monitor and I suspect that might be one of the causes.
This problem however does not exist with sites I've seen that use just Skeleton. Also mentioning just in case that Medium suffers from the same issue.
The text was updated successfully, but these errors were encountered:
I've been playing around with this for a few days. It's a bit puzzling. I think you're right on the money with thinking it's your display settings. I duplicated your settings on my display, and although the text is a bit large, I'm not sure I'm seeing the same thing you are. Can you post a screenshot or something?
I can't identify anything in skeleton.css that would make a big difference here. The base font size on the html element is the same and there aren't any media queries that change it. It could be that I started with a slightly larger overall font size for readability at higher dpis and it just gets too big at lower dpis.
I've been experimenting with proportional font scaling and media queries for dpi. I'm going to try to combine those to gracefully adjust font sizing for different display geometries, but a screenshot from you would help me figure out how to tweak the scaling factors.
Skeleton.css's font size is practically the last font size that is reasonable on my screen, though even reducing to 90% would be my personal preference, scaffold.css on the other hand is just a bit too large by default.