Set Inter font as the main one

trilitech · Mar 11, 2024 · 0006bc1 · 0006bc1 · github-actions · Mar 11, 2024
1 parent 1cef569
commit 0006bc1
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/public/index.html b/public/index.html
@@ -2,6 +2,12 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap"
+      rel="stylesheet"
+    />
     <link rel="icon" href="%PUBLIC_URL%/icon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />

diff --git a/src/index.css b/src/index.css
@@ -1,7 +1,6 @@
 body {
+  font-family: "Inter";
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
-    "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

diff --git a/src/style/theme.ts b/src/style/theme.ts
@@ -53,12 +53,14 @@ const theme = extendTheme({
     Text: {
       baseStyle: {
         fontWeight: "400",
+        fontFamily: "Inter",
       },
       sizes,
     },
     Heading: {
       baseStyle: {
         fontWeight: "600",
+        fontFamily: "Inter",
       },
       sizes,
     },
@@ -112,6 +114,7 @@ const theme = extendTheme({
       body: {
         bg: colors.black,
         color: colors.white,
+        fontFamily: "Inter",
       },
     },
   },
St.^❔	Category	Percentage	Covered / Total
🟢	Statements	84.53%	2940/3478
🟡	Branches	78.07%	993/1272
🟢	Functions	82.39%	898/1090
🟢	Lines	84.29%	2779/3297