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

Humanist font fallbacks #968

Closed
wants to merge 1 commit into from

Conversation

toastal
Copy link
Contributor

@toastal toastal commented Jun 2, 2023

If Fira Sans is the preferred font, a humanist sans serif, similar humanist sans serifs on OSs should be chosen over a Grotesque like Helvetica and Arial. Seravek is available on macOS/iOS and Source Sans Pro is on Android. Other available options are (subjectively) far enough away from Fira Sans that it would be better to defer to the user agent and user settings than trying to shoehorn in Gill Sans or a common Linux font.

If Fira Sans is the preferred font, a humanist sans serif, similar
humanist sans serifs on OSs should be chose over a Grotesque like
Helvetica and Arial. Seravek is available on macOS/iOS and Source Sans
Pro is on Android. Other available options are (subjectively) far enough
away from Fira Sans that it would be better to defer to the user agent
and user settings than trying to shoehorn in Gill Sans or a common Linux
font.
Copy link
Collaborator

@Julow Julow left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Are these commonly installed fonts ? If the fallbacks are grotesque, what do you think of shortening the property to this ?

font-family: "Fira Sans", sans-serif;

Note that we now ship the font files (#913) so they should load fine offline or behind adblockers.

@toastal
Copy link
Contributor Author

toastal commented Jun 5, 2023

@Julow Also a good option! I am not sure on the design intent. If the intent is to have a Fira Sans because of humanist characterist, then common humanist fonts provide a better fallback for the design aesthetic in cases where the fonts fail to load or an obscurer/older browser isn’t supporting the supplied WOFF2 files. If there isn’t a strong reason for humanist/grotesteque/geometic, then falling back to the user agent is safer and more likely to either look native like the OS or have been overridden explicitly by users as their preferred default. What’s not ideal is getting a Grotesk like Arial as a fallback.

@Julow
Copy link
Collaborator

Julow commented Oct 26, 2023

I've opened a PR implementing my suggestion: #1028
What do you think ?

@toastal
Copy link
Contributor Author

toastal commented Oct 26, 2023

Personally a bit partial to this one as falling back to other Humanist fonts is a bit more interesting than just falling back to the default, but I don’t have the strongest feeling other than removing Grotesk fonts.

@Julow
Copy link
Collaborator

Julow commented Nov 7, 2023

I don't see why Humanist fonts are better fallbacks than user's chosen font (or chosen by the distro). I think the problem is the presence of a fallback.

@jonludlam
Copy link
Member

I'm happy with falling back to the system defaults, so let's go with @Julow's approach.

@jonludlam jonludlam closed this Nov 7, 2023
@toastal
Copy link
Contributor Author

toastal commented Nov 8, 2023

I don't see why Humanist fonts are better fallbacks than user's chosen font

It’s a design thing. When a designer choose a font like Fira Sans, a humanist font, they could be making a statement that fallback fonts should fall under the similar font taxonomies. Many systems are using a Grotesk font as the default sans serif which can stray from designer intent. You could just say font-family: "Fira Sans"; and let it full fallback to the system which could be serifed, but choosing sans-serif is a statement that you want a certain style (as opposed to sans-serif, fantasy, or monospace). As there is no humanist-sans-serif, a stack like this would be needed if that style of font is more preferable.

That’s not to say anything is wrong with falling back to the user agent’s sans-serif if a font fails to load (nor do I have a strong feeling on the matter), but hopefully that can help explain why someone could “see why Humanist fonts are better fallbacks”. @Julow

@Julow
Copy link
Collaborator

Julow commented Nov 8, 2023

Thanks for the explanation!

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

Successfully merging this pull request may close these issues.

3 participants