Skip to content

Refresh: use Firefox brand fonts on some Firefox pages [fix #15542]#15569

Merged
craigcook merged 1 commit into
mainfrom
15542-m24-firefox-fonts
Dec 3, 2024
Merged

Refresh: use Firefox brand fonts on some Firefox pages [fix #15542]#15569
craigcook merged 1 commit into
mainfrom
15542-m24-firefox-fonts

Conversation

@craigcook

Copy link
Copy Markdown
Contributor

One-line summary

Keeps Firefox branding on whatsnew, welcome, and campaign pages (mainly for the fonts).

This is admittedly a bit hacky and loads extra fonts so it's a performance hit, but doing it "properly" would probably entail a more significant refactoring of the nav and footer as well as some global styles. We should tackle that at another time.

Issue / Bugzilla link

#15542

Testing

Test a handful of whatsnew and welcome pages with the M24_WEBSITE_REFRESH switch on; make sure the text is rendered in Metropolis and Inter. The footer should use the new Mozilla fonts (only English gets the new footer; other languages get the old footer for now).

http://localhost:8000/firefox/125.0/whatsnew/
http://localhost:8000/firefox/132.0/whatsnew/
http://localhost:8000/firefox/133.0/whatsnew/
http://localhost:8000/firefox/welcome/1/
http://localhost:8000/firefox/welcome/10/

Firefox for Families page; make sure the page body has Metropolis and Inter, and the nav and footer render in Mozilla fonts (and don't otherwise break).

http://localhost:8000/firefox/family/

Nothing Personal page should use Firefox fonts and Mozilla fonts in the footer (this page has no nav):

http://localhost:8000/firefox/nothing-personal/

Challenge the Default page should use Firefox fonts, but this is an odd one because currently it's not available in English but the new Mozilla fonts are English-only. That logic will change soon so this is a pre-emptive strike.

http://localhost:8000/firefox/challenge-the-default/

@craigcook craigcook added Needs Review Awaiting code review Review: XS Code review time: up to 30min Refresh Work related to the 2024 site refresh labels Nov 26, 2024
@craigcook craigcook requested a review from a team as a code owner November 26, 2024 17:35
@stephaniehobson stephaniehobson self-assigned this Nov 26, 2024

@stephaniehobson stephaniehobson left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

A deceptively easy solution!

I think we should merge #15571 and then rebase this to use the same switches that look for locale activation.

@craigcook

Copy link
Copy Markdown
Contributor Author

There are also firstrun pages for some channels:

Oh good catch, I'll update these as well.

@craigcook craigcook force-pushed the 15542-m24-firefox-fonts branch 2 times, most recently from bc953ee to ddd749f Compare November 26, 2024 23:26
@janbrasna

Copy link
Copy Markdown
Collaborator

@stephaniehobson stephaniehobson added the Frontend HTML, CSS, JS... client side stuff label Nov 28, 2024

@stephaniehobson stephaniehobson left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

This is working great. The nothing personal page is missing the site_css block. I added it locally and it works fine to once it's added here it's good to merge.

R+ wc

@craigcook craigcook force-pushed the 15542-m24-firefox-fonts branch from ddd749f to a3b67d1 Compare December 3, 2024 00:04
@craigcook craigcook force-pushed the 15542-m24-firefox-fonts branch from a3b67d1 to 65d28a4 Compare December 3, 2024 00:07
@craigcook craigcook merged commit bafed7c into main Dec 3, 2024
@craigcook craigcook deleted the 15542-m24-firefox-fonts branch December 3, 2024 00:24
stephaniehobson pushed a commit that referenced this pull request Dec 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Frontend HTML, CSS, JS... client side stuff Needs Review Awaiting code review Refresh Work related to the 2024 site refresh Review: XS Code review time: up to 30min

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants