improvement(emails): use Season Sans to match the newsletter and platform

waleedlatif1 · waleedlatif1 · commit ac80f3c4f9fd · 2026-06-30T19:51:55.000-07:00
Register the Season Sans web font (the woff2 shipped with the newsletter, #5302) via react-email's <Font> in the layout head, and lead the email font stack with 'Season Sans' (system stack still the fallback for clients that ignore @font-face).
diff --git a/apps/sim/components/emails/_styles/base.ts b/apps/sim/components/emails/_styles/base.ts
@@ -47,7 +47,8 @@ export const colors = buildColors()
 
 /** Typography settings */
 export const typography = {
-  fontFamily: "-apple-system, 'SF Pro Display', 'SF Pro Text', 'Helvetica', sans-serif",
+  fontFamily:
+    "'Season Sans', -apple-system, 'SF Pro Display', 'SF Pro Text', 'Helvetica', sans-serif",
   fontSize: {
     body: '16px',
     small: '14px',
diff --git a/apps/sim/components/emails/components/email-layout.tsx b/apps/sim/components/emails/components/email-layout.tsx
@@ -1,4 +1,4 @@
-import { Body, Container, Head, Html, Img, Preview, Section } from '@react-email/components'
+import { Body, Container, Font, Head, Html, Img, Preview, Section } from '@react-email/components'
 import { baseStyles } from '@/components/emails/_styles'
 import { EmailFooter } from '@/components/emails/components/email-footer'
 import { getBaseUrl } from '@/lib/core/utils/urls'
@@ -34,7 +34,18 @@ export function EmailLayout({
 
   return (
     <Html>
-      <Head />
+      <Head>
+        <Font
+          fontFamily='Season Sans'
+          fallbackFontFamily={['Helvetica', 'sans-serif']}
+          webFont={{
+            url: `${baseUrl}/brand/fonts/SeasonSansUprightsVF.woff2`,
+            format: 'woff2',
+          }}
+          fontWeight='300 800'
+          fontStyle='normal'
+        />
+      </Head>
       <Preview>{preview}</Preview>
       <Body style={baseStyles.main}>
         {/* Main card container */}
