Updating default design-system font to Fustat

Author: corbanbrook

.storybook/manager-head.html

@@ -1,3 +1,4 @@
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
+<!-- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" /> -->
+<link href="https://fonts.googleapis.com/css2?family=Fustat:wght@200..800&display=swap" rel="stylesheet">

.storybook/preview-head.html

@@ -4,10 +4,11 @@
   href="https://fonts.gstatic.com"
   crossorigin="anonymous"
 />
-<link
+<!-- <link
   href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
   rel="stylesheet"
-/>
+/> -->
+<link href="https://fonts.googleapis.com/css2?family=Fustat:wght@200..800&display=swap" rel="stylesheet">
 
 <style type="text/css">
   body {

.storybook/theme.ts

@@ -2,5 +2,5 @@ import { create } from 'storybook/theming'
 
 export default create({
   base: 'light',
-  fontBase: 'Inter',
+  fontBase: 'Fustat',
 })

src/index.css

@@ -115,9 +115,7 @@
 }
 
 @theme inline {
-  --font-sans:
-    'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
-    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-sans: "Fustat", sans-serif;
   --font-mono:
     'Roboto', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
     'Liberation Mono', 'Courier New', monospace;