fix: add system-ui fallback to font stack for non-Latin script support (calcom#29346)

4arjun · web-flow · commit 180ede28f0bd · 2026-05-14T19:30:21.000Z
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
@@ -116,7 +116,7 @@ export default async function RootLayout({ children }: { children: React.ReactNo
       <head nonce={nonce}>
         <style>{`
           :root {
-            --font-sans: ${interFont.style.fontFamily.replace(/\'/g, "")};
+            --font-sans: ${interFont.style.fontFamily.replace(/\'/g, "")}, system-ui;
             --font-cal: ${calFont.style.fontFamily.replace(/\'/g, "")};
           }
         `}</style>
diff --git a/apps/web/components/PageWrapper.tsx b/apps/web/components/PageWrapper.tsx
@@ -89,7 +89,7 @@ function PageWrapper(props: AppProps) {
 
       <style jsx global>{`
         :root {
-          --font-sans: ${interFont.style.fontFamily};
+          --font-sans: ${interFont.style.fontFamily}, system-ui;
           --font-cal: ${calFont.style.fontFamily};
         }
       `}</style>

Original file line number	Diff line number	Diff line change
`@@ -116,7 +116,7 @@ export default async function RootLayout({ children }: { children: React.ReactNo`
`116`	`116`	`<head nonce={nonce}>`
`117`	`117`	<style>{`
`118`	`118`	`:root {`
`119`		`- --font-sans: ${interFont.style.fontFamily.replace(/\'/g, "")};`
	`119`	`+ --font-sans: ${interFont.style.fontFamily.replace(/\'/g, "")}, system-ui;`
`120`	`120`	`--font-cal: ${calFont.style.fontFamily.replace(/\'/g, "")};`
`121`	`121`	`}`
`122`	`122`	`}</style>
Original file line number	Diff line number	Diff line change
`@@ -89,7 +89,7 @@ function PageWrapper(props: AppProps) {`
`89`	`89`
`90`	`90`	<style jsx global>{`
`91`	`91`	`:root {`
`92`		`- --font-sans: ${interFont.style.fontFamily};`
	`92`	`+ --font-sans: ${interFont.style.fontFamily}, system-ui;`
`93`	`93`	`--font-cal: ${calFont.style.fontFamily};`
`94`	`94`	`}`
`95`	`95`	`}</style>