search

feature-sliced / documentation

🍰 Architectural design methodology for Frontend projects
https://feature-sliced.design
MIT License
1.4k stars 146 forks source link

feat: remove custom fonts #638

Closed illright closed 8 months ago

illright commented 8 months ago

Background

For a long time I really didn't like reading our docs, and now I think I've found the reason — the Ubuntu font. It's just not readable for me.

I know we have a design language in Figma (which we ourselves don't even use in the mockups btw) which prescribes Overpass and IBM Plex Sans, but I tried it and wasn't happy with the result. IBM Plex Sans looks much too small, it doesn't help readability either.

And here's when I got inspired by the approach of Starlight:

By default, Starlight uses sans-serif fonts available on a user’s local device for all text. This ensures documentation loads quickly in a font that is familiar to each user, without requiring extra bandwidth to download large font files.

https://starlight.astro.build/guides/customization/#custom-fonts

I like how it looks with the default fonts on Mac (the default Mac fonts are great) and Android too. Until we decide on a better option, I think native is better than Ubuntu.

Changelog

Remove custom fonts from the docs

netlify[bot] commented 8 months ago

Deploy Preview for pr-fsd ready!

Name Link
Latest commit e51f25923d46e852b4f1d4fb5afbd89b1a4b70f3
Latest deploy log https://app.netlify.com/sites/pr-fsd/deploys/6538434b64c9fc0008f9d7d7
Deploy Preview https://deploy-preview-638--pr-fsd.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.