a11yproject.com icon indicating copy to clipboard operation
a11yproject.com copied to clipboard

Explore less thin secondary font options

Open ericwbailey opened this issue 5 years ago • 11 comments

Issue reported on Twitter.

Our secondary font, Anaheim, may be too thin for people with low-vision. We should investigate fonts that have similar characteristics, but have heavier weights.

ericwbailey avatar Jul 16 '20 23:07 ericwbailey

that a11y isn't just a hash tag, nor is it a hip way to spell ally. Rather a11y is

I don't know if it's worth looking at, but the digit 1 and the lowercase letter l in Noto Serif look very similar. I found it hard to read this text saying a11y isn't ally.

missmatsuko avatar Jul 17 '20 22:07 missmatsuko

Thanks for this, I agree.

I'm also not enjoying the faux italic treatment for Anaheim, but I'm also cautious about the number of fonts we're already importing.

ericwbailey avatar Jul 18 '20 15:07 ericwbailey

Note for later: apparently we can apparently disallow this with font-synthesis, but of course Chrome hasn't supported it yet.

ericwbailey avatar Jul 18 '20 16:07 ericwbailey

I'm looking at Recursive as my first choice. It has a similar look and feel to Anaheim, but is thicker and wider overall. I specifically compared a11y and ally and I'm satisfied with the treatment of the number 1. Screen Shot 2020-07-24 at 3 30 57 PM

emilyisadesigner avatar Jul 24 '20 19:07 emilyisadesigner

Ooh, that's nice.

ericwbailey avatar Jul 24 '20 22:07 ericwbailey

Added Recursive Mono via https://github.com/a11yproject/a11yproject.com/pull/1107. If we go with Recursive for an Anaheim replacement it'll be us only serving two general families.

ericwbailey avatar Sep 15 '20 01:09 ericwbailey

I've removed Recursive after evaluating it for a bit. It seemed to drift too far into the other direction.

@emilane Would you be open to exploring other options? Also @tatianamac, have you run across anything?

ericwbailey avatar Nov 18 '20 20:11 ericwbailey

@ericwbailey I sure can! Can you highlight specifics that you felt were too thick? Specific letterforms, the overall font, any other issues?

emilyisadesigner avatar Nov 18 '20 20:11 emilyisadesigner

@emilane Amazing, thank you 🙏

I think the character width and weight were a little too much. The counter/aperture space was also more open compared to Anaheim, which I think was throwing me off.

ericwbailey avatar Nov 18 '20 20:11 ericwbailey

@ericwbailey I like Output. It's paid though, so I don't know how much that factors into the decision (free vs. paid).

colabottles avatar Jun 08 '21 23:06 colabottles

@colabottles Ooh, that's nice.

ericwbailey avatar Jun 10 '21 01:06 ericwbailey