Opened 8 years ago

Last modified 4 years ago

#1456 new enhancement Increase font sizes site-wide

Reported by: davidjlaietta's profile davidjlaietta Owned by:
Milestone: Priority: high
Component: Keywords: needs-patch has-screenshots


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 :)

Attachments (2)

wptv-proposed-meta-sidebar.png (113.9 KB) - added by davidjlaietta 6 years ago.
WPTV Proposed Meta Sidebar
wptv-current-meta-sidebar.png (180.1 KB) - added by davidjlaietta 6 years ago.
WPTV Current Meta Sidebar

Download all attachments as: .zip

Change History (12)

#1 @DrewAPicture
8 years ago

  • Keywords needs-screenshots added

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

#2 @davidjlaietta
8 years ago

Absolutely. This would probably go along with 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

#3 @melchoyce
6 years ago

  • Keywords ui-feedback added

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

6 years ago

WPTV Proposed Meta Sidebar

6 years ago

WPTV Current Meta Sidebar

#4 @davidjlaietta
6 years ago

@melchoyce reattached to ticket

#5 @SergeyBiryukov
6 years ago

  • Summary changed from Increase font sizes site-wide to Increase font sizes site-wide

#6 @obenland
5 years ago

  • Type changed from defect to enhancement

#7 @Travel_girl
4 years ago

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.

#8 @joedolson
4 years ago

  • Priority changed from normal to high

#9 @dd32
4 years ago

  • Keywords needs-patch has-screenshots added; needs-screenshots ui-feedback removed

The style.css for 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.

#10 @BrashRebel
4 years ago

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.

Note: See TracTickets for help on using tickets.