Add new fonts on iOS

apple/OmnivoreKit/Sources/Views/CustomFontRegistration.swift

@@ -22,7 +22,10 @@ public func registerFonts() -> Bool {
     registerFont(bundle: .module, fontName: "Montserrat-Regular", fontExtension: "ttf"),
     registerFont(bundle: .module, fontName: "Newsreader-Regular", fontExtension: "ttf"),
     registerFont(bundle: .module, fontName: "AtkinsonHyperlegible-Regular", fontExtension: "ttf"),
-    registerFont(bundle: .module, fontName: "SourceSerifPro-Regular", fontExtension: "ttf")
+    registerFont(bundle: .module, fontName: "SourceSerifPro-Regular", fontExtension: "ttf"),
+    registerFont(bundle: .module, fontName: "SourceSansPro-Regular", fontExtension: "ttf"),
+    registerFont(bundle: .module, fontName: "IBMPlexSans-Regular", fontExtension: "ttf"),
+    registerFont(bundle: .module, fontName: "LXGWWenKai-Regular", fontExtension: "ttf")
   ]
   .allSatisfy { $0 }
 }

apple/OmnivoreKit/Sources/Views/FontSizeAdjustmentPopoverView.swift

@@ -16,6 +16,8 @@ public enum WebFont: String, CaseIterable {
   case newsreader = "Newsreader"
   case atkinsonHyperlegible = "AtkinsonHyperlegible"
   case lxgWWenKai = "LXGWWenKai"
+  case sourceSansPro = "SourceSansPro"
+  case IBMPlexSans
 
   static var sorted: [WebFont] {
     allCases.sorted { left, right in
@@ -52,6 +54,10 @@ public enum WebFont: String, CaseIterable {
       return "Atkinson Hyperlegible"
     case .openDyslexic:
       return "Open Dyslexic"
+    case .sourceSansPro:
+      return "Source Sans Pro"
+    case .IBMPlexSans:
+      return "IBM Plex Sans"
     case .system:
       return "System Default"
     }

packages/web/styles/globals.css

@@ -333,6 +333,49 @@ div#appleid-signin {
   src: url('/static/fonts/SFMono/SFMonoRegular.otf');
 }
 
+@font-face {
+  font-family: 'SourceSansPro';
+  font-weight: 400;
+  font-style: normal;
+  src: url('/static/fonts/SourceSansPro/SourceSansPro-Regular.ttf');
+}
+
+@font-face {
+  font-family: 'SourceSansPro';
+  font-weight: 700;
+  font-style: normal;
+  src: url('/static/fonts/SourceSansPro/SourceSansPro-Bold.ttf');
+}
+
+@font-face {
+  font-family: 'SourceSansPro';
+  font-weight: 400;
+  font-style: italic;
+  src: url('/static/fonts/SourceSansPro/SourceSansPro-Italic.ttf');
+}
+
+
+@font-face {
+  font-family: 'IBMPlexSans';
+  font-weight: 400;
+  font-style: normal;
+  src: url('/static/fonts/IBMPlexSans/IBMPlexSans-Regular.ttf');
+}
+
+@font-face {
+  font-family: 'IBMPlexSans';
+  font-weight: 700;
+  font-style: normal;
+  src: url('/static/fonts/IBMPlexSans/IBMPlexSans-Bold.ttf');
+}
+
+@font-face {
+  font-family: 'IBMPlexSans';
+  font-weight: 400;
+  font-style: italic;
+  src: url('/static/fonts/IBMPlexSans/IBMPlexSans-Italic.ttf');
+}
+
 .dropdown-arrow {
   display: inline-block;
   width: 0;