diff --git a/src/assets/fonts/Mona-Sans.woff2 b/src/assets/fonts/Mona-Sans.woff2
deleted file mode 100644
index 8208a50..0000000
Binary files a/src/assets/fonts/Mona-Sans.woff2 and /dev/null differ
diff --git a/src/constants/fonts.ts b/src/constants/fonts.ts
index c4e6afe..5684e97 100644
--- a/src/constants/fonts.ts
+++ b/src/constants/fonts.ts
@@ -1,12 +1,4 @@
import { Fira_Mono } from "next/font/google";
-import localFont from "next/font/local";
-
-const monaSans = localFont({
- src: "../assets/fonts/Mona-Sans.woff2",
- variable: "--mona-sans",
- display: "swap",
- fallback: ["Arial, Helvetica, sans-serif", "Tahoma, Verdana, sans-serif"],
-});
const firaMono = Fira_Mono({
weight: ["500"],
@@ -14,4 +6,4 @@ const firaMono = Fira_Mono({
display: "swap",
});
-export { monaSans, firaMono };
+export { firaMono };
diff --git a/src/layout/EditorWrapper/index.tsx b/src/layout/EditorWrapper/index.tsx
index 6a6507e..ac2407c 100644
--- a/src/layout/EditorWrapper/index.tsx
+++ b/src/layout/EditorWrapper/index.tsx
@@ -2,7 +2,6 @@ import React from "react";
import { ThemeProvider } from "styled-components";
import { MantineProvider, MantineThemeOverride } from "@mantine/core";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { monaSans } from "src/constants/fonts";
import { lightTheme, darkTheme } from "src/constants/theme";
import useStored from "src/store/useStored";
@@ -16,9 +15,9 @@ const queryClient = new QueryClient({
});
const mantineTheme: MantineThemeOverride = {
- fontFamily: monaSans.style.fontFamily,
+ fontFamily: "'Mona-Sans', sans-serif",
headings: {
- fontFamily: monaSans.style.fontFamily,
+ fontFamily: "'Mona-Sans', sans-serif",
},
components: {
Divider: {
diff --git a/src/layout/JsonCrackLogo/index.tsx b/src/layout/JsonCrackLogo/index.tsx
index 0cfa2ae..3b4ea6a 100644
--- a/src/layout/JsonCrackLogo/index.tsx
+++ b/src/layout/JsonCrackLogo/index.tsx
@@ -1,13 +1,12 @@
import React from "react";
import Link from "next/link";
import styled from "styled-components";
-import { monaSans } from "src/constants/fonts";
const StyledTitle = styled.div<{ fontSize: string }>`
font-weight: 900;
margin: 0;
color: ${({ theme }) => theme.INTERACTIVE_HOVER};
- font-family: ${monaSans.style.fontFamily};
+ font-family: "Mona-Sans", sans-serif;
font-size: ${({ fontSize }) => fontSize};
white-space: nowrap;
`;
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index acdfa72..d58f7f0 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -6,7 +6,6 @@ import { StyleSheetManager, ThemeProvider } from "styled-components";
import { MantineProvider, MantineThemeOverride } from "@mantine/core";
import { SessionContextProvider, Session } from "@supabase/auth-helpers-react";
import ReactGA from "react-ga4";
-import { monaSans } from "src/constants/fonts";
import GlobalStyle from "src/constants/globalStyle";
import { lightTheme } from "src/constants/theme";
import { supabase } from "src/lib/api/supabase";
@@ -23,8 +22,8 @@ const ModalController = dynamic(() => import("src/layout/ModalController"));
const mantineTheme: MantineThemeOverride = {
colorScheme: "light",
- fontFamily: monaSans.style.fontFamily,
- headings: { fontFamily: monaSans.style.fontFamily },
+ fontFamily: "'Mona-Sans', sans-serif",
+ headings: { fontFamily: "'Mona-Sans', sans-serif" },
primaryShade: 8,
};
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index b5bd187..f1ec88a 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -52,6 +52,11 @@ class MyDocument extends Document {
+