From f11ef7368f3a219f14d3a0cfb3b7bf15df822312 Mon Sep 17 00:00:00 2001
From: thecodrr <thecodrr@protonmail.com>
Date: Fri, 8 Jul 2022 17:14:48 +0500
Subject: [PATCH] feat: better fallback font stacks

---
 packages/theme/src/theme/font/index.ts | 46 +++++++++++++++++++++++---
 1 file changed, 42 insertions(+), 4 deletions(-)

diff --git a/packages/theme/src/theme/font/index.ts b/packages/theme/src/theme/font/index.ts
index 5a7a2aec6..2792da52e 100644
--- a/packages/theme/src/theme/font/index.ts
+++ b/packages/theme/src/theme/font/index.ts
@@ -1,5 +1,44 @@
 import { FontSizes, getFontSizes } from "./fontsize";
 
+const SANS_FONT_STACK = [
+  `"Open Sans"`,
+  `"Noto Sans"`,
+  "Frutiger",
+  '"Frutiger Linotype"',
+  "Univers",
+  "Calibri",
+  '"Gill Sans"',
+  '"Gill Sans MT"',
+  '"Myriad Pro"',
+  "Myriad",
+  '"DejaVu Sans Condensed"',
+  '"Liberation Sans"',
+  '"Nimbus Sans L"',
+  "Tahoma",
+  "Geneva",
+  '"Helvetica Neue"',
+  "Helvetica",
+  "Arial",
+  "-apple-system",
+  "BlinkMacSystemFont",
+  "sans-serif",
+];
+const MONOSPACE_FONT_STACK = [
+  '"Courier New"',
+  "Consolas",
+  '"Andale Mono WT"',
+  '"Andale Mono"',
+  '"Lucida Console"',
+  '"Lucida Sans Typewriter"',
+  '"DejaVu Sans Mono"',
+  '"Bitstream Vera Sans Mono"',
+  '"Liberation Mono"',
+  '"Nimbus Mono L"',
+  "Monaco",
+  "Courier",
+  "monospace",
+];
+
 export type FontConfig = {
   fontSizes: FontSizes;
   fontWeights: {
@@ -20,10 +59,9 @@ export function getFontConfig(scale?: number): FontConfig {
       bold: 600,
     },
     fonts: {
-      body: `Open Sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Oxygen-Sans,Ubuntu,Cantarell,sans-serif;`,
-      monospace:
-        "ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace",
-      heading: `Open Sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Oxygen-Sans,Ubuntu,Cantarell,sans-serif;`,
+      body: SANS_FONT_STACK.join(","),
+      monospace: MONOSPACE_FONT_STACK.join(","),
+      heading: SANS_FONT_STACK.join(","),
     },
   };
 }