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

Add Brush Script fonts and apply them to the YouTube page #2796

Draft
wants to merge 4 commits into
base: master
Choose a base branch
from

Conversation

rishipandey2
Copy link

Fixes #2793

Summary of Changes:

  • Added custom fonts: Brush Script MT, Brush Script Std, and cursive.
  • Applied these fonts to specific elements on the YouTube page to enhance the page’s typography.

Details:

  • Included the font files (BrushScriptMT.ttf, BrushScriptStd.ttf) in the fonts directory.
  • Defined @font-face rules in the CSS for proper loading and usage of the fonts.
  • Applied the fonts to the YouTube page by targeting specific elements such as headings, buttons, and text fields.

@4yman-0
Copy link

4yman-0 commented Jan 25, 2025

Brush Script MT, Brush Script Std, cursive

These are Cursive fonts. Youtube uses Roboto (AFAIK) which is a Sans Serif font.
This should be a setting/feature instead of applying it 24/7 for all users.

@ImprovedTube ImprovedTube marked this pull request as draft January 26, 2025 01:34
@ImprovedTube
Copy link
Member

thank you and welcome! @rishipandey2

@rishipandey2
Copy link
Author

Thank you for the feedback! @4yman-0 I agree with your suggestion about making this an optional feature. I’ll work on adding a toggle or setting to apply the font changes and update the PR soon.

@ImprovedTube
Copy link
Member

check our feature general: font @rishipandey2

Copy link

Choose a reason for hiding this comment

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

Approved. Your code editor started formatting on its own :)

@4yman-0

This comment was marked as outdated.


// Call the function on load and when the setting changes
extension.features.applyCustomFonts();
browser.storage.onChanged.addListener(function (changes, area) {
Copy link

Choose a reason for hiding this comment

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

Suggested change
browser.storage.onChanged.addListener(function (changes, area) {
extension.storage.onChanged.addListener(function (changes, area) {

Copy link
Author

Choose a reason for hiding this comment

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

Okay @4yman-0 I have changed it according to your suggestion.

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.

Add a font
3 participants