feat(frontend): 💄 add Inter Fontsource

Dan6erbond · May 21, 2023 · cb59d1d · cb59d1d
1 parent e5def79
commit cb59d1d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "@emotion/react": "^11.10.8",
     "@emotion/server": "^11.10.0",
+    "@fontsource/inter": "^5.0.0",
     "@mantine/carousel": "^6.0.10",
     "@mantine/core": "^6.0.10",
     "@mantine/dates": "^6.0.11",

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -2,16 +2,17 @@ import { initMeiliSearch } from "@/meilisearch";
 import { MeiliSearchProvider } from "@/meilisearch/context";
 import { initPocketBase, PocketBaseProvider } from "@/pocketbase";
 import { ShareMeEnv } from "@/utils/env";
+import "@fontsource/inter";
 import { MantineProvider } from "@mantine/core";
 import { DatesProvider } from "@mantine/dates";
 import { Notifications } from "@mantine/notifications";
+import "dayjs/locale/en";
 import { AppProps } from "next/app";
 import Head from "next/head";
 import Script from "next/script";
 import PocketBase from "pocketbase";
 import { useRef } from "react";
 import { QueryClient, QueryClientProvider } from "react-query";
-import "dayjs/locale/en";
 
 const queryClient = new QueryClient();
 
@@ -41,8 +42,10 @@ export default function App({ Component, pageProps }: AppProps<ShareMeEnv>) {
         withGlobalStyles
         withNormalizeCSS
         theme={{
-          /** Put your mantine theme override here */
           colorScheme: "dark",
+          fontFamily: "Inter, Verdana, sans-serif",
+          fontFamilyMonospace: "Inter, Monaco, Courier, monospace",
+          headings: { fontFamily: "Inter, Greycliff CF, sans-serif" },
         }}
       >
         <Notifications />

diff --git a/yarn.lock b/yarn.lock
@@ -209,6 +209,11 @@
     aria-hidden "^1.1.3"
     tabbable "^6.0.1"
 
+"@fontsource/inter@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@fontsource/inter/-/inter-5.0.0.tgz#ef78fd92099feaa0dcda9e1af8fd1ec4c60fe576"
+  integrity sha512-yhNfm2hV+5u7PQDSGYraJ6g1nbaVuWJFiE9fo1r0Tg2xthveZsYFOUltLRLCASo3DIkTkPgf1WX8Wpxfm3IEUQ==
+
 "@humanwhocodes/config-array@^0.11.8":
   version "0.11.8"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.8.tgz#03595ac2075a4dc0f191cc2131de14fbd7d410b9"