Define type styles in WKFont, update project to use only WKFont

[mazevedofs]

Phabricator: https://phabricator.wikimedia.org/T300034

Notes

• This PR updates the fonts styles according to the Components guidelines in Figma
• Updates all fonts used in the project to use WKFont
• Removes old font extension and WMFDynamicType
• Creates a wrapper to expose WKFont to ObjC without compile issues
• Uses new HTML Utils for HTMl parsing and styling

Since we have less styles now, I swapped some fonts based on approximate size and weight

Test Steps

1. Run the app, do a light smoke test in all screens
2. Test dynamic type

Heavier smoke testing will be done by the QA

[tonisevener]

@mazevedofs Great stuff! Some comments after an initial (very quick) code-only review. I will dig deeper in the near future.

[tonisevener]

I found a few more comments after a slower code review.

[tonisevener]

@mazevedofs FYI, I also pushed an bug fix of something existing that's been bothering me. For Image Recommendations and Watchlist, our SwiftUI views do not update the font size upon foreground after changing dynamic type in Settings. This commit fixes it.

[tonisevener]

@mazevedofs

I notice the font has changed enough on this widget to cause a lot of additional spacing at the bottom:

[mazevedofs]

I notice the font has changed enough on this widget to cause a lot of additional spacing at the bottom:

@tonisevener This widget used SwiftUI caption (the same as caption1 on UIKit), so if there's a significant difference between them, we might need to adjust the Widget.
I didn't notice in my test, but I used a smaller device (a 13 mini).
In the screenshot, the light mode version is the App Store app and the dark mode version uses the new WKFont

[tonisevener]

I notice the font has changed enough on this widget to cause a lot of additional spacing at the bottom:

@tonisevener This widget used SwiftUI caption (the same as caption1 on UIKit), so if there's a significant difference between them, we might need to adjust the Widget. I didn't notice in my test, but I used a smaller device (a 13 mini). In the screenshot, the light mode version is the App Store app and the dark mode version uses the new WKFont

Hmm yeah that is strange, I'm not sure why the difference is occurring. What's interesting is that all font sizes seem to have shrunk for me. I'm testing on my iPhone 12 Pro Max.

main:

PR branch:

[tonisevener]

Per discussion: We'll adjust widgets after another round of design review as-needed.