WordPress.tv: Increase font sizes site-wide

[davidjlaietta]

The current site is based around a 13px body font, which is approximately equivalent to a 10pt print font, and 80% of a standard browser font size.

Admittedly this is a personal peeve when I see sites that go infuriatingly small like that. I want to easily be able to read content related to a video, especially when we pride ourselves on being as accessible as possible.

I propose bumping the body font up to 16px, and other small font sizes up around 2px higher than they currently are, keeping the existing size hierarchy, just more sizier :)

[DrewAPicture]

13px to 16px is a pretty big leap. Screenshots before and after would be a good place to start.

[davidjlaietta]

Absolutely. This would probably go along with https://meta.trac.wordpress.org/ticket/1457 to increase the area that most of the text takes up on single view pages. In fact I'm going to attach the same files, since I bumped up the font size from 13px to 16px on my second screenshot that shows the proposed meta sidebar width

[melchoyce]

@davidjlaietta, your images are broken — can you reupload directly to trac?

[davidjlaietta]

WPTV Proposed Meta Sidebar

[davidjlaietta]

WPTV Current Meta Sidebar

[davidjlaietta]

@melchoyce reattached to ticket

[Travel_girl]

I also vote for larger font-size in favour for a better usability and accessibility. 16px should be the minimum size for main text in my opinion.

[dd32]

The style.css for WordPress.tv is pretty all over the place, and font sizes are defined 62 times to 17 different values (10px~32px/1.5em/3em/9pt).

After taking a quick look at this, increasing the fonts without carefully looking how it affects each area isn't going to produce a nice result.

Looking at the screenshots above, IMHO the sidebar should be removed and shifted into a horizontal area below the video (At least the Description should be, all the other meta might stay there), which would allow the font to be increased a bit there.
Elsewhere the main text is video titles, as the titles are rather long increasing the size either removes whitespace and makes it look crowded, or requires more whitespace adding which requires other design elements to change.

[BrashRebel]

If not the entire sidebar, at least the video description could be relocated from the sidebar to below the video. That is where the largest % of text is on the page and it typically fits poorly into its current space. If we move the description to under the video, the sidebar might otherwise be acceptable in its current state and the description's font size can be increased.