Update Fonts related to Panels to use FXFontStyles

[data-sync-user]

This task is part of a series of tasks to standardizing fonts to start using FXFontStyles.

Background Context: Previously, we were using DefaultDynamicFontHelper and setting the text style, size and weight for each font, which sometimes did not match our design system. By using FXFontStyles, we can standardize our fonts and be more aligned with the design system.

Task: Please update how we set fonts related:

DownloadsPanel HistoryPanel ReaderPanel Acceptance Criteria:

Replace usage of DefaultDynamicFontHelper with FXFontStyles

If there are discrepancies in terms of replacing the old fonts with the new standard, we will need to bring design in to approve the PR.

Please provide before and after screenshots of the UI.

Reference:

Usage example: FXFontStyles.Regular.headline.scaledFont()

See this PR for example of standardizing fonts for Primary Button:

https://github.com/mozilla-mobile/firefox-ios/pull/18711/files

┆Issue is synchronized with this Jira Task

[ionixjunior]

I would like to work on this issue.

[data-sync-user]

➤ Cyndi Chin commented:

Please verify fonts scale appropriately for the panels listed above. Screenshots are detailed in the Github PR as well. Thank you!

[data-sync-user]

➤ Diana Andreea Barladeanu commented:

Validated on v9000 (41731), with iPhone 15 (17.4).

[data-sync-user]

➤ Diana Andreea Barladeanu commented:

Validated on v127 (41813), with iPhone 15 (17.4).

!RPReplay_Final1715671290.mp4|width=590,height=1280,alt="RPReplay_Final1715671290.mp4"!