Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Increase font size in buttons, headings, running text (relates to #73, #89) #96

Open
MissArray opened this issue Aug 5, 2018 · 4 comments

Comments

@MissArray
Copy link
Contributor

MissArray commented Aug 5, 2018

On my 15'' screen I see lots of www arable land, a rather enormous Intersticia logo that overshadows even our own FAC logo, and rather tiny print in some buttons and all running text. The proportions vary slightly between different browsers, but I find I generally have to squint or resize the page. I've tested the website on:
Firefox
Chrome
Edge
Opera

I haven't tried it on Safari, but some kind MacPerson could do that?
I've yet to try it on Android, but on my Windows phone responsiveness is a (separate) issue. Would the design team consider a larger font for the sake of readability and accessibility?

@sima-qian
Copy link
Contributor

The Intersticia logo is admittedly large, because it's taking up the entire space for the 'Currently Sponsored By' grid. Once we get more sponsors it'll be smaller.

The lowest font-size for running text on larger screens is 1rem, so 16pt on most people's browsers. Buttons have font-size: 0.9rem, also not particularly small. Most running text drops to 0.9rem on smaller screens, with the exception of the build details in the 'How We Work' section, which drops to 0.8rem on screens below 800px in width.

I have noticed you struggling to read normal-sized text before, so might I suggest, in the kindest possible way, that you consider having a sight test?

@MissArray
Copy link
Contributor Author

Oh, I can read it all right (and I already use specs when necessary, but when zooming in or using a larger font can do the job, I prefer getting those eye muscles to exercise, but thanks for the hint :-) ). However, I do have to squint and so did a few ad hoc guinea pigs (admittedly, not a very flattering way of describing good friends) whose opinion I asked. Perhaps we could try the website on a few different screens and browsers to check for overall legibility?

@sima-qian
Copy link
Contributor

Font sizes are all defined in rem units, so the displayed font size will only vary if browsers vary in their default font size, which it doesn't seem they do, or if the user has manually changed the default font size of their browser.

I mistakenly said above that the usual default is 16pt, it's actually 16px, which works out to 12pt. If this is the default font size for browsers, I don't see a problem with it.

@MissArray
Copy link
Contributor Author

Might be a good idea to test the website with people who don't have much to do with coding (and just see a page, rather than html architecture and rems and px) and to keep in mind that the website's users won't necessarily be eagle-eyed 20somethings. As I said, a random spot check among friends suggests that a larger font for the running text would be generally appreciated.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants