Styles: support user-specified base font size
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 78
- Forks
- 9
- PR merge metrics
- No merged PRs in 30d
Description
I would like the styles to support user-specified base font size, and ideally opt-in to Apple's dynamic system font size. This is a nice and simple guide: https://dev.to/colingourlay/how-to-support-apple-s-dynamic-text-in-your-web-content-with-css-40c0
It's a 2-step process:
- Add
@supports (font: -apple-system-body) { html { font: -apple-system-body; } }. This will set the room em size based on the user's accessibility preference on Apple devices. - Specify the rest of relevant parts of your layout using
remunits.
I may contribute this once issue #2 is resolved.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reviewing issue #2 and the linked dynamic-text guide, then inspect the repository's styles entry points. The work is done when the Apple dynamic font-size support is added and relevant layout sizing uses rem units so user-specified base sizes apply consistently.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- accessibility, frontend
- Issue type
- Feature
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 50/100