Update Fonts related to SurveySurfaceViewController 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 in the Firefox iOS Project related:

SurveySurfaceViewController

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

[tisumi99]

I'll work on this one.

[tisumi99]

@cyndichin
I submitted the PR for this but I couldn't figure out how to get the survey to show - so I couldn't get screenshots. Any suggestions on how I can get the survey to show?

FXFontStyle matches the original font size and style so I think there is very low risk that the UI changed.

[cyndichin]

Thanks for picking up this ticket! One way to get it to show is to go to our messaging-evergreen-messages.fml.yaml file.

You should see this section which is an example configuration for the survey message
.

Change trigger-if-all: from NEVER to ALWAYS and you should see it pop up. Let me know if you have any issues!

[tisumi99]

@cyndichin
That worked. Thanks! Screenshots posted to the PR.

[data-sync-user]

➤ Cyndi Chin commented:

QA, please verify that the fonts for the survey view scale appropriately. See screenshots in the PR. Thank you!