feat: add support for custom app fonts

[tido64]

Description

Add support for custom app fonts.

Resolves #1506.
Resolves #1185.
Resolves #1813.

Platforms affected

• Android
• iOS
• macOS
• Windows

Test plan

1. Download a random font and put it somewhere in the example folder (in my case, I put mine in example/dist)
2. Add the font to resources in app.json (an entry for every target platform):

   diff --git a/example/app.json b/example/app.json
   index ef69fa7..c5a1910 100644
   --- a/example/app.json
   +++ b/example/app.json
   @@ -16,15 +16,18 @@
      "resources": {
        "android": [
          "dist/res",
   -      "dist/main.android.jsbundle"
   +      "dist/main.android.jsbundle",
   +      "dist/MyFont.ttf"
        ],
        "ios": [
          "dist/assets",
   -      "dist/main.ios.jsbundle"
   +      "dist/main.ios.jsbundle",
   +      "dist/MyFont.ttf"
        ],
        "macos": [
          "dist/assets",
   -      "dist/main.macos.jsbundle"
   +      "dist/main.macos.jsbundle",
   +      "dist/MyFont.ttf"
        ],
        "windows": [
          "dist/assets",

3. Use the font:

   diff --git a/example/App.tsx b/example/App.tsx
   index c94affc..93821a6 100644
   --- a/example/App.tsx
   +++ b/example/App.tsx
   @@ -136,6 +136,7 @@ function useStyles() {
          groupItemLabel: {
            color: isDarkMode ? Colors.white : Colors.black,
            flex: 1,
   +        fontFamily: "MyFont",
            fontSize,
            marginVertical: 12,
          },

Build the example app as usual. Remember that every time you make changes to app.json, you need to re-run pod install.

Verify that fonts are copied/registered:

• Android: Your font(s) should be found under example/android/app/build/generated/rncli/src/main/assets/fonts
• iOS: Your font(s) should be registered in example/node_modules/.generated/ios/Info.plist
• macOS: Your font(s) should be registered in example/node_modules/.generated/macos/Info.plist

Screenshots

Android	iOS	macOS

[kelset]

Testing:

iOS ✅

macOS ✅

Android ✅

The one thing I noticed though is that for Android the font file copied over in example/android/app/build/generated/rncli/src/main/assets/fonts was uncapitalized, pacifico-regular instead of Pacifico-Regular. fixed with latest commit 👍

[kelset]

LGTM and we can

the lowercase thing for Android can be handled as a follow up if needed