@sriinnu/runic 1.2.0 → 2.0.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## 2.0.0 — 2026-03-27
+- Typography: custom font system with 7 bundled families (Fira Code, JetBrains Mono, IBM Plex Mono, Space Mono, Inconsolata, Caveat, SF Pro/Mono)
+- Typography: live font switching from Settings > General — no restart needed
+- Typography: RunicTypography design tokens with dynamic RunicFont scale across 600+ font call sites
+- Typography: drop-in font extensibility — add TTF/OTF to Resources/Fonts, rebuild, auto-discovered
+- Typography: font preview in picker — each choice rendered in its own typeface
+- Typography: NSMenuItem post-processor applies selected font to all plain menu items
+- Typography: xLarge dynamic type for slightly larger text across the app
+- Menu: wider card base width (310→340pt) for monospaced font comfort
+- iOS: RunicFont enum for consistent monospaced typography across widgets and views
+
 ## 0.16.1 — 2025-12-29
 - Menu: reduce layout thrash when opening menus and sizing charts. Thanks @ibehnam!
 - Packaging: default release notarization builds universal (arm64 + x86_64) zip.

package/README.md

@@ -77,7 +77,9 @@ Context windows are configurable via `Resources/provider-context-windows.json`.
 - Dark / Light / System theme
 - Liquid UI with glass materials and animated progress bars
 - Staggered entrance animations and glass shimmer effects
-- SF Rounded typography with design tokens
+- Custom font system — 7 bundled families (Fira Code, JetBrains Mono, IBM Plex Mono, Space Mono, Inconsolata, Caveat, SF Pro/Mono) with live switching
+- Drop-in font extensibility — add TTF/OTF to `Resources/Fonts`, rebuild, auto-discovered
+- Design tokens for typography, colors, spacing, corner radius, animation
 - VoiceOver accessible
 - Sparkle auto-updates
 
@@ -107,6 +109,11 @@ All tokens stored in macOS Keychain with no password prompts.
 
 Zero telemetry. No analytics. No crash reporting. All data stays on your Mac.
 
+## Roadmap
+
+- Windows desktop app
+- Web app
+
 ## License
 
 MIT. See [LICENSE](LICENSE).

package/RuniciOS/Core/RunicTypographyiOS.swift

@@ -0,0 +1,24 @@
+import SwiftUI
+
+/// iOS font scale — mirrors the macOS RunicFont for cross-platform consistency.
+enum RunicFont {
+    static let caption2 = Font.system(.caption2, design: .monospaced)
+    static let caption = Font.system(.caption, design: .monospaced)
+    static let footnote = Font.system(.footnote, design: .monospaced)
+    static let callout = Font.system(.callout, design: .monospaced)
+    static let body = Font.system(.body, design: .monospaced)
+    static let subheadline = Font.system(.subheadline, design: .monospaced)
+    static let headline = Font.system(.headline, design: .monospaced)
+    static let title3 = Font.system(.title3, design: .monospaced)
+    static let title2 = Font.system(.title2, design: .monospaced)
+    static let title = Font.system(.title, design: .monospaced)
+    static let largeTitle = Font.system(.largeTitle, design: .monospaced)
+
+    static func system(size: CGFloat) -> Font {
+        Font.system(size: size, design: .monospaced)
+    }
+
+    static func system(size: CGFloat, weight: Font.Weight) -> Font {
+        Font.system(size: size, weight: weight, design: .monospaced)
+    }
+}

package/RuniciOS/Views/ProviderDetailView.swift

@@ -135,11 +135,11 @@ struct ProviderHeaderView: View {
 
                 VStack(spacing: 4) {
                     Text("\(Int(snapshot.primary.usedPercent))%")
-                        .font(.system(.largeTitle, design: .rounded, weight: .bold))
+                        .font(RunicFont.largeTitle.weight(.bold))
                         .foregroundStyle(statusColor)
 
                     Text("Used")
-                        .font(.caption)
+                        .font(RunicFont.caption)
                         .foregroundStyle(.secondary)
                 }
             }
@@ -148,15 +148,15 @@ struct ProviderHeaderView: View {
             // Status message
             if snapshot.primary.usedPercent >= 90 {
                 Text("⚠️ Approaching Limit")
-                    .font(.headline)
+                    .font(RunicFont.headline)
                     .foregroundStyle(.red)
             } else if snapshot.primary.usedPercent >= 75 {
                 Text("⚡ High Usage")
-                    .font(.headline)
+                    .font(RunicFont.headline)
                     .foregroundStyle(.orange)
             } else {
                 Text("✓ Healthy")
-                    .font(.headline)
+                    .font(RunicFont.headline)
                     .foregroundStyle(.green)
             }
         }
@@ -212,10 +212,10 @@ struct MetricRow: View {
         VStack(alignment: .leading, spacing: 6) {
             HStack {
                 Text(title)
-                    .font(.subheadline)
+                    .font(RunicFont.subheadline)
                 Spacer()
                 Text("\(Int(value))%")
-                    .font(.system(.headline, design: .rounded))
+                    .font(RunicFont.headline)
                     .foregroundStyle(color)
             }
 
@@ -232,7 +232,7 @@ struct MetricRow: View {
             .frame(height: 8)
 
             Text(label)
-                .font(.caption)
+                .font(RunicFont.caption)
                 .foregroundStyle(.secondary)
         }
     }
@@ -283,7 +283,7 @@ struct AccountTypeBadge: View {
 
     var body: some View {
         Text(type.rawValue.replacingOccurrences(of: "_", with: " ").capitalized)
-            .font(.caption)
+            .font(RunicFont.caption)
             .padding(.horizontal, 8)
             .padding(.vertical, 4)
             .background(color.opacity(0.2))

package/RuniciOS/Views/ProviderListView.swift

@@ -120,10 +120,10 @@ struct StatView: View {
     var body: some View {
         VStack(spacing: 4) {
             Text(value)
-                .font(.system(.title2, design: .rounded, weight: .bold))
+                .font(RunicFont.title2.weight(.bold))
                 .foregroundStyle(color)
             Text(label)
-                .font(.caption)
+                .font(RunicFont.caption)
                 .foregroundStyle(.secondary)
         }
         .frame(maxWidth: .infinity)
@@ -147,17 +147,17 @@ struct ProviderRowView: View {
             HStack {
                 // Provider icon and name
                 Image(systemName: iconForProvider(snapshot.provider))
-                    .font(.title3)
+                    .font(RunicFont.title3)
                     .foregroundStyle(statusColor)
                     .frame(width: 32)
 
                 VStack(alignment: .leading, spacing: 2) {
                     Text(snapshot.provider.rawValue.capitalized)
-                        .font(.headline)
+                        .font(RunicFont.headline)
 
                     if let email = snapshot.accountEmail {
                         Text(email)
-                            .font(.caption)
+                            .font(RunicFont.caption)
                             .foregroundStyle(.secondary)
                     }
                 }
@@ -166,7 +166,7 @@ struct ProviderRowView: View {
 
                 // Usage percentage
                 Text("\(Int(snapshot.primary.usedPercent))%")
-                    .font(.system(.title3, design: .rounded, weight: .semibold))
+                    .font(RunicFont.title3.weight(.semibold))
                     .foregroundStyle(statusColor)
             }
 
@@ -189,9 +189,9 @@ struct ProviderRowView: View {
                timeRemaining > 0 {
                 HStack {
                     Image(systemName: "clock")
-                        .font(.caption2)
+                        .font(RunicFont.caption2)
                     Text(resetInfo.resetDescription)
-                        .font(.caption)
+                        .font(RunicFont.caption)
                 }
                 .foregroundStyle(.secondary)
             }
@@ -200,9 +200,9 @@ struct ProviderRowView: View {
             if let model = snapshot.primaryModel {
                 HStack {
                     Image(systemName: "cpu.fill")
-                        .font(.caption2)
+                        .font(RunicFont.caption2)
                     Text(model.modelName)
-                        .font(.caption)
+                        .font(RunicFont.caption)
                 }
                 .foregroundStyle(.blue)
             }

package/RuniciOS/Widgets/LargeWidget.swift

@@ -88,18 +88,18 @@ struct LargeWidgetView: View {
             // Title and status
             HStack(spacing: 10) {
                 Image(systemName: entry.systemStatus.iconName)
-                    .font(.system(size: 20, weight: .semibold))
+                    .font(RunicFont.system(size: 20, weight: .semibold))
                     .foregroundColor(statusColor)
 
                 Text("Runic Dashboard")
-                    .font(.system(size: 18, weight: .bold))
+                    .font(RunicFont.system(size: 18, weight: .bold))
                     .foregroundColor(.white)
 
                 Spacer()
 
                 // Last update
                 Text("Updated \(relativeTime)")
-                    .font(.system(size: 11, weight: .medium))
+                    .font(RunicFont.system(size: 11, weight: .medium))
                     .foregroundColor(.white.opacity(0.6))
             }
 
@@ -140,15 +140,15 @@ struct LargeWidgetView: View {
     ) -> some View {
         HStack(spacing: 6) {
             Image(systemName: icon)
-                .font(.system(size: 12))
+                .font(RunicFont.system(size: 12))
                 .foregroundColor(color)
 
             Text(value)
-                .font(.system(size: 14, weight: .bold, design: .rounded))
+                .font(RunicFont.system(size: 14, weight: .bold))
                 .foregroundColor(.white)
 
             Text(label)
-                .font(.system(size: 11, weight: .medium))
+                .font(RunicFont.system(size: 11, weight: .medium))
                 .foregroundColor(.white.opacity(0.6))
         }
     }
@@ -158,7 +158,7 @@ struct LargeWidgetView: View {
     private var chartsView: some View {
         VStack(alignment: .leading, spacing: 6) {
             Text("Usage Trend")
-                .font(.system(size: 11, weight: .semibold))
+                .font(RunicFont.system(size: 11, weight: .semibold))
                 .foregroundColor(.white.opacity(0.7))
 
             if #available(iOS 16.0, *) {
@@ -193,7 +193,7 @@ struct LargeWidgetView: View {
                     .frame(width: 8, height: 8)
 
                 Text(provider.displayName)
-                    .font(.system(size: 12, weight: .semibold))
+                    .font(RunicFont.system(size: 12, weight: .semibold))
                     .foregroundColor(.white)
 
                 Spacer()
@@ -203,7 +203,7 @@ struct LargeWidgetView: View {
 
                 // Percentage
                 Text("\(Int(provider.remainingPercent))%")
-                    .font(.system(size: 13, weight: .bold, design: .rounded))
+                    .font(RunicFont.system(size: 13, weight: .bold))
                     .foregroundColor(.white)
                     .frame(width: 35, alignment: .trailing)
             }
@@ -225,7 +225,7 @@ struct LargeWidgetView: View {
             if let countdown = provider.resetCountdown {
                 HStack {
                     Text("Resets \(countdown)")
-                        .font(.system(size: 9, weight: .medium))
+                        .font(RunicFont.system(size: 9, weight: .medium))
                         .foregroundColor(.white.opacity(0.4))
 
                     Spacer()
@@ -255,7 +255,7 @@ struct LargeWidgetView: View {
         }
 
         return Image(systemName: "\(icon).circle.fill")
-            .font(.system(size: 10))
+            .font(RunicFont.system(size: 10))
             .foregroundColor(color)
     }
 
@@ -288,9 +288,9 @@ struct LargeWidgetView: View {
     @ViewBuilder
     private var emptyStateView: some View {
         VStack(spacing: 12) {
-            Image(systemName: "chart.bar.doc.horizontal").font(.system(size: 36)).foregroundColor(.white.opacity(0.3))
-            Text("No Data Available").font(.system(size: 16, weight: .semibold)).foregroundColor(.white.opacity(0.6))
-            Text("Open Runic to sync your usage data").font(.system(size: 12)).foregroundColor(.white.opacity(0.4))
+            Image(systemName: "chart.bar.doc.horizontal").font(RunicFont.system(size: 36)).foregroundColor(.white.opacity(0.3))
+            Text("No Data Available").font(RunicFont.system(size: 16, weight: .semibold)).foregroundColor(.white.opacity(0.6))
+            Text("Open Runic to sync your usage data").font(RunicFont.system(size: 12)).foregroundColor(.white.opacity(0.4))
         }
         .padding()
     }

package/RuniciOS/Widgets/LiveActivity.swift

@@ -105,16 +105,16 @@ struct RunicLiveActivity: Widget {
         VStack(spacing: 12) {
             HStack {
                 Circle().fill(providerColor(context: context)).frame(width: 10, height: 10)
-                Text(context.state.providerName).font(.system(size: 15, weight: .semibold)).foregroundColor(.white)
+                Text(context.state.providerName).font(RunicFont.system(size: 15, weight: .semibold)).foregroundColor(.white)
                 Spacer()
                 statusBadge(for: context.state.status)
             }
 
             VStack(spacing: 6) {
                 HStack {
-                    Text("Session Usage").font(.system(size: 12, weight: .medium)).foregroundColor(.white.opacity(0.7))
+                    Text("Session Usage").font(RunicFont.system(size: 12, weight: .medium)).foregroundColor(.white.opacity(0.7))
                     Spacer()
-                    Text("\(Int(context.state.remainingPercent))% remaining").font(.system(size: 12, weight: .semibold)).foregroundColor(.white)
+                    Text("\(Int(context.state.remainingPercent))% remaining").font(RunicFont.system(size: 12, weight: .semibold)).foregroundColor(.white)
                 }
                 GeometryReader { geometry in
                     ZStack(alignment: .leading) {
@@ -128,20 +128,20 @@ struct RunicLiveActivity: Widget {
 
             HStack {
                 HStack(spacing: 4) {
-                    Image(systemName: "clock.fill").font(.system(size: 10)).foregroundColor(.white.opacity(0.6))
-                    Text(sessionDuration(from: context.state.sessionStartTime)).font(.system(size: 11, weight: .medium)).foregroundColor(.white.opacity(0.8))
+                    Image(systemName: "clock.fill").font(RunicFont.system(size: 10)).foregroundColor(.white.opacity(0.6))
+                    Text(sessionDuration(from: context.state.sessionStartTime)).font(RunicFont.system(size: 11, weight: .medium)).foregroundColor(.white.opacity(0.8))
                 }
                 Spacer()
                 if let tokens = context.state.sessionTokens {
                     HStack(spacing: 4) {
-                        Image(systemName: "number").font(.system(size: 10)).foregroundColor(.white.opacity(0.6))
-                        Text(UsageFormatter.tokenCountString(tokens)).font(.system(size: 11, weight: .medium)).foregroundColor(.white.opacity(0.8))
+                        Image(systemName: "number").font(RunicFont.system(size: 10)).foregroundColor(.white.opacity(0.6))
+                        Text(UsageFormatter.tokenCountString(tokens)).font(RunicFont.system(size: 11, weight: .medium)).foregroundColor(.white.opacity(0.8))
                     }
                 }
                 if let cost = context.state.estimatedCost {
                     HStack(spacing: 4) {
-                        Image(systemName: "dollarsign.circle.fill").font(.system(size: 10)).foregroundColor(.white.opacity(0.6))
-                        Text(UsageFormatter.usdString(cost)).font(.system(size: 11, weight: .medium)).foregroundColor(.white.opacity(0.8))
+                        Image(systemName: "dollarsign.circle.fill").font(RunicFont.system(size: 10)).foregroundColor(.white.opacity(0.6))
+                        Text(UsageFormatter.usdString(cost)).font(RunicFont.system(size: 11, weight: .medium)).foregroundColor(.white.opacity(0.8))
                     }
                 }
             }
@@ -154,10 +154,10 @@ struct RunicLiveActivity: Widget {
     func expandedLeading(context: ActivityViewContext<RunicLiveActivityAttributes>) -> some View {
         VStack(alignment: .leading, spacing: 4) {
             Text(context.state.providerName)
-                .font(.system(size: 14, weight: .semibold))
+                .font(RunicFont.system(size: 14, weight: .semibold))
 
             Text(sessionDuration(from: context.state.sessionStartTime))
-                .font(.system(size: 12, weight: .medium))
+                .font(RunicFont.system(size: 12, weight: .medium))
                 .foregroundColor(.secondary)
         }
     }
@@ -166,10 +166,10 @@ struct RunicLiveActivity: Widget {
     func expandedTrailing(context: ActivityViewContext<RunicLiveActivityAttributes>) -> some View {
         VStack(alignment: .trailing, spacing: 4) {
             Text("\(Int(context.state.remainingPercent))%")
-                .font(.system(size: 18, weight: .bold, design: .rounded))
+                .font(RunicFont.system(size: 18, weight: .bold))
 
             Text("remaining")
-                .font(.system(size: 11, weight: .medium))
+                .font(RunicFont.system(size: 11, weight: .medium))
                 .foregroundColor(.secondary)
         }
     }
@@ -196,7 +196,7 @@ struct RunicLiveActivity: Widget {
                 if let cost = context.state.estimatedCost { statItem(icon: "dollarsign.circle", value: UsageFormatter.usdString(cost)) }
                 Spacer()
             }
-            .font(.system(size: 11))
+            .font(RunicFont.system(size: 11))
         }
     }
 
@@ -210,7 +210,7 @@ struct RunicLiveActivity: Widget {
     @ViewBuilder
     func compactTrailing(context: ActivityViewContext<RunicLiveActivityAttributes>) -> some View {
         Text("\(Int(context.state.remainingPercent))%")
-            .font(.system(size: 12, weight: .bold, design: .rounded))
+            .font(RunicFont.system(size: 12, weight: .bold))
     }
 
     @ViewBuilder
@@ -229,8 +229,8 @@ struct RunicLiveActivity: Widget {
             ("Complete", Color.blue, "checkmark.circle.fill")
 
         return HStack(spacing: 4) {
-            Image(systemName: icon).font(.system(size: 10))
-            Text(text).font(.system(size: 11, weight: .semibold))
+            Image(systemName: icon).font(RunicFont.system(size: 10))
+            Text(text).font(RunicFont.system(size: 11, weight: .semibold))
         }
         .foregroundColor(color)
         .padding(.horizontal, 8).padding(.vertical, 4)
@@ -240,8 +240,8 @@ struct RunicLiveActivity: Widget {
 
     private func statItem(icon: String, value: String) -> some View {
         HStack(spacing: 4) {
-            Image(systemName: icon).font(.system(size: 10)).foregroundColor(.secondary)
-            Text(value).font(.system(size: 11, weight: .medium))
+            Image(systemName: icon).font(RunicFont.system(size: 10)).foregroundColor(.secondary)
+            Text(value).font(RunicFont.system(size: 11, weight: .medium))
         }
     }
 

package/RuniciOS/Widgets/LockScreenWidget.swift

@@ -78,10 +78,10 @@ struct LockScreenCircularView: View {
                 // Center content
                 VStack(spacing: 1) {
                     Text("\(Int(provider.remainingPercent))")
-                        .font(.system(size: 18, weight: .bold, design: .rounded))
+                        .font(RunicFont.system(size: 18, weight: .bold))
 
                     Text("%")
-                        .font(.system(size: 10, weight: .semibold))
+                        .font(RunicFont.system(size: 10, weight: .semibold))
                         .opacity(0.8)
                 }
             }
@@ -93,7 +93,7 @@ struct LockScreenCircularView: View {
                     .stroke(Color.white.opacity(0.2), lineWidth: 3)
 
                 Image(systemName: "exclamationmark.triangle")
-                    .font(.system(size: 16))
+                    .font(RunicFont.system(size: 16))
                     .opacity(0.5)
             }
         }
@@ -127,12 +127,12 @@ struct LockScreenRectangularView: View {
                 // Provider name and percentage
                 HStack {
                     Text(provider.displayName)
-                        .font(.system(size: 13, weight: .semibold))
+                        .font(RunicFont.system(size: 13, weight: .semibold))
 
                     Spacer()
 
                     Text("\(Int(provider.remainingPercent))%")
-                        .font(.system(size: 13, weight: .bold, design: .rounded))
+                        .font(RunicFont.system(size: 13, weight: .bold))
                 }
 
                 // Progress bar
@@ -151,11 +151,11 @@ struct LockScreenRectangularView: View {
                 // Reset countdown
                 if let countdown = provider.resetCountdown {
                     Text("Resets \(countdown)")
-                        .font(.system(size: 11, weight: .medium))
+                        .font(RunicFont.system(size: 11, weight: .medium))
                         .opacity(0.7)
                 } else {
                     Text("Updated \(relativeTime(from: provider.updatedAt))")
-                        .font(.system(size: 11, weight: .medium))
+                        .font(RunicFont.system(size: 11, weight: .medium))
                         .opacity(0.7)
                 }
             }
@@ -165,14 +165,14 @@ struct LockScreenRectangularView: View {
             VStack(alignment: .leading, spacing: 4) {
                 HStack {
                     Image(systemName: "exclamationmark.triangle")
-                        .font(.system(size: 12))
+                        .font(RunicFont.system(size: 12))
 
                     Text("No Data")
-                        .font(.system(size: 13, weight: .semibold))
+                        .font(RunicFont.system(size: 13, weight: .semibold))
                 }
 
                 Text("Open Runic to sync")
-                    .font(.system(size: 11))
+                    .font(RunicFont.system(size: 11))
                     .opacity(0.6)
             }
         }
@@ -214,21 +214,21 @@ struct LockScreenInlineView: View {
         if let provider = primaryProvider {
             HStack(spacing: 4) {
                 Image(systemName: statusIcon(for: provider))
-                    .font(.system(size: 12))
+                    .font(RunicFont.system(size: 12))
 
                 Text("\(provider.displayName):")
-                    .font(.system(size: 12, weight: .medium))
+                    .font(RunicFont.system(size: 12, weight: .medium))
 
                 Text("\(Int(provider.remainingPercent))% left")
-                    .font(.system(size: 12, weight: .semibold))
+                    .font(RunicFont.system(size: 12, weight: .semibold))
             }
         } else {
             HStack(spacing: 4) {
                 Image(systemName: "exclamationmark.triangle")
-                    .font(.system(size: 12))
+                    .font(RunicFont.system(size: 12))
 
                 Text("Runic: No data")
-                    .font(.system(size: 12, weight: .medium))
+                    .font(RunicFont.system(size: 12, weight: .medium))
             }
         }
     }

package/RuniciOS/Widgets/MediumWidget.swift

@@ -80,18 +80,18 @@ struct MediumWidgetView: View {
         HStack(spacing: 8) {
             // Status icon
             Image(systemName: entry.systemStatus.iconName)
-                .font(.system(size: 16, weight: .semibold))
+                .font(RunicFont.system(size: 16, weight: .semibold))
                 .foregroundColor(statusColor)
 
             Text("Runic")
-                .font(.system(size: 16, weight: .bold))
+                .font(RunicFont.system(size: 16, weight: .bold))
                 .foregroundColor(.white)
 
             Spacer()
 
             // Provider count
             Text("\(providers.count) active")
-                .font(.system(size: 12, weight: .medium))
+                .font(RunicFont.system(size: 12, weight: .medium))
                 .foregroundColor(.white.opacity(0.7))
         }
     }
@@ -110,18 +110,18 @@ struct MediumWidgetView: View {
                     .frame(width: 10, height: 10)
 
                 Text(provider.displayName)
-                    .font(.system(size: 13, weight: .semibold))
+                    .font(RunicFont.system(size: 13, weight: .semibold))
                     .foregroundColor(.white)
 
                 Spacer()
 
                 // Remaining percentage
                 Text("\(Int(provider.remainingPercent))%")
-                    .font(.system(size: 15, weight: .bold, design: .rounded))
+                    .font(RunicFont.system(size: 15, weight: .bold))
                     .foregroundColor(.white)
 
                 Text("left")
-                    .font(.system(size: 11, weight: .medium))
+                    .font(RunicFont.system(size: 11, weight: .medium))
                     .foregroundColor(.white.opacity(0.6))
             }
 
@@ -144,7 +144,7 @@ struct MediumWidgetView: View {
             if let countdown = provider.resetCountdown {
                 HStack {
                     Text("Resets \(countdown)")
-                        .font(.system(size: 10, weight: .medium))
+                        .font(RunicFont.system(size: 10, weight: .medium))
                         .foregroundColor(.white.opacity(0.5))
 
                     Spacer()
@@ -228,16 +228,16 @@ struct MediumWidgetView: View {
     private var emptyStateView: some View {
         HStack(spacing: 12) {
             Image(systemName: "chart.bar.xaxis")
-                .font(.system(size: 28))
+                .font(RunicFont.system(size: 28))
                 .foregroundColor(.white.opacity(0.4))
 
             VStack(alignment: .leading, spacing: 4) {
                 Text("No Providers Active")
-                    .font(.system(size: 14, weight: .semibold))
+                    .font(RunicFont.system(size: 14, weight: .semibold))
                     .foregroundColor(.white.opacity(0.7))
 
                 Text("Open Runic to enable providers")
-                    .font(.system(size: 11))
+                    .font(RunicFont.system(size: 11))
                     .foregroundColor(.white.opacity(0.5))
             }
 

package/RuniciOS/Widgets/RunicWidget.swift

@@ -142,11 +142,11 @@ struct UsageProgressRing: View {
             // Center content
             VStack(spacing: size * 0.05) {
                 Text("\(Int(provider.remainingPercent))%")
-                    .font(.system(size: size * 0.25, weight: .bold, design: .rounded))
+                    .font(RunicFont.system(size: size * 0.25, weight: .bold))
                     .foregroundColor(.white)
 
                 Text("left")
-                    .font(.system(size: size * 0.12, weight: .medium))
+                    .font(RunicFont.system(size: size * 0.12, weight: .medium))
                     .foregroundColor(.white.opacity(0.7))
             }
         }
@@ -184,7 +184,7 @@ struct ProviderHeader: View {
                 .frame(width: iconSize, height: iconSize)
 
             Text(provider.displayName)
-                .font(.system(size: iconSize * 0.8, weight: .semibold))
+                .font(RunicFont.system(size: iconSize * 0.8, weight: .semibold))
                 .foregroundColor(.white)
 
             Spacer()
@@ -201,13 +201,13 @@ struct CompactUsageBar: View {
         VStack(alignment: .leading, spacing: 4) {
             HStack {
                 Text(provider.displayName)
-                    .font(.system(size: 12, weight: .medium))
+                    .font(RunicFont.system(size: 12, weight: .medium))
                     .foregroundColor(.white)
 
                 Spacer()
 
                 Text("\(Int(provider.remainingPercent))%")
-                    .font(.system(size: 12, weight: .bold, design: .rounded))
+                    .font(RunicFont.system(size: 12, weight: .bold))
                     .foregroundColor(.white)
             }