Replace Inter font with system-ui keyword (#2676)

Author: mansona

app/index.html

@@ -8,24 +8,6 @@
 
     {{content-for "head"}}
 
-    <style type="text/css">
-      @font-face {
-        font-display: swap;
-        font-family: 'Inter';
-        font-style: normal;
-        font-weight: 400;
-        src: url("{{rootURL}}assets/fonts/Inter-Regular.woff2?v=3.12") format("woff2"), url("{{rootURL}}assets/fonts/Inter-Regular.woff?v=3.12") format("woff");
-      }
-
-      @font-face {
-        font-display: swap;
-        font-family: 'Inter';
-        font-style: normal;
-        font-weight: 700;
-        src: url("{{rootURL}}assets/fonts/Inter-Bold.woff2?v=3.12") format("woff2"), url("{{rootURL}}assets/fonts/Inter-Bold.woff?v=3.12") format("woff");
-      }
-    </style>
-
     <link integrity="" rel="stylesheet" href="{{rootURL}}assets/vendor.css">
     <link integrity="" rel="stylesheet" href="{{rootURL}}assets/ember-inspector.css">
 

app/styles/base.scss

@@ -1,10 +1,12 @@
 :root {
   /* stylelint-disable value-keyword-case */
-  --font-sans-serif: "Inter", -apple-system, system-ui, BlinkMacSystemFont,
-    "Segoe UI", "Roboto", "Cantarell", "Oxygen", "Ubuntu", "Helvetica Neue",
-    helvetica, arial, sans-serif;
-  --font-monospace: "SF Mono", Menlo, Monaco, monospace;
+  --font-sans-serif: system-ui, sans-serif, "Apple Color Emoji",
+    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --font-monospace: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo,
+    Consolas, "DejaVu Sans Mono", monospace, "Apple Color Emoji",
+    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   /* stylelint-enable value-keyword-case */
+
   --inherit: inherit;
   --unit0: 0;
   --unit1: 4px;