code-charity / code-charity/youtube

💡 Allow setting custom fonts

Open
#3,772 0 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Feature request good first issue help wanted up-for-grabs
Dominant language
JavaScript
Stars
4.6k
Forks
996
Avg merge
2d 15h
Merged PRs (30d)
7

Description

PROBLEM: The font changer requested on #209 (located at General > More > Font on the UI) lets you choose a font among a fixed list (Comfortaa, Lato, Merriweather...).

SOLUTION: Allow the user to specify a custom font by typing its name.

First solution that came to mind: add a "Other..." option on the checklist, which, if selected, shows an input box below the "Font" option, maybe with a placeholder like "Liberation Sans"

ALTERNATIVES:

  • Overriding CSS using other extensions like Stylish

RELEVANCE / SCOPE: I think that, particularly, users interested in ricing their web experience would love this feature! :-)

Also, it would indirectly solve feature requests for font introducing, like #2793, #2912 and so on.

"SIDE EFFECTS": It would make the "Settings" and "Font" lists a little longer, but only if the user chooses to.

CONTEXT: Users should verify that the font is accessible from their environment, whether they defined a built-in font, or a font locally installed by them.
//
Thank you!

SHORT Table (Summary)
Problem Limited font options in the "Font" list
Solution Allow user to choose a custom font
Alternatives Override CSS font with extensions like Stylish
Scope Customization ("ricing"), less feature requests for adding fonts
Side effects Larger "Font" list, and possibly an extra textbox in the Settings > General list
Context Is the user able to access specified font?

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by tracing the existing font changer at Settings > General > More > Font and review the implementation described in issue #209. Check how the current fixed font list is stored and rendered, then verify that a user-entered font is applied when it is available locally and that the custom option behaves correctly in the settings UI.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
58/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.