docs: fix fonts (#3372)

docs/app/sections/Resources.tsx

@@ -1,8 +1,6 @@
 import Link from "next/link";
 import { SourceIcon } from "../../src/icons/SourceIcon";
 import { DocsIcon } from "../../src/icons/DocsIcon";
-import { StatusIcon } from "../../src/icons/StatusIcon";
-import { CalendarIcon } from "../../src/icons/CalendarIcon";
 import { ContributeIcon } from "../../src/icons/ContributeIcon";
 import { ChangelogIcon } from "../../src/icons/ChangelogIcon";
 import { Section } from "../../components/ui/Section";
@@ -57,26 +55,6 @@ export default function Resources() {
               <ContributeIcon />
               Contribute
             </a>
-            <a
-              href="https://status.mud.dev/"
-              target="_blank"
-              rel="noopener noreferrer"
-              // eslint-disable-next-line max-len
-              className="flex items-center gap-4 bg-white/10 border border-white/20 p-6 font-mono uppercase text-sm md:text-lg leading-none transition hover:bg-mud hover:border-transparent"
-            >
-              <StatusIcon />
-              Status
-            </a>
-            <a
-              href="https://roadmap.mud.dev/"
-              target="_blank"
-              rel="noopener noreferrer"
-              // eslint-disable-next-line max-len
-              className="flex items-center gap-4 bg-white/10 border border-white/20 p-6 font-mono uppercase text-sm md:text-lg leading-none transition hover:bg-mud hover:border-transparent"
-            >
-              <CalendarIcon />
-              Roadmap
-            </a>
           </div>
         </div>
       </Container>

docs/pages/_app.tsx

@@ -1,4 +1,5 @@
 import type { AppProps } from "next/app";
+import "./styles.css";
 
 export default function MyApp({ Component, pageProps }: AppProps) {
   return <Component {...pageProps} />;

docs/pages/styles.css

@@ -0,0 +1,58 @@
+/* Add fonts to workspace */
+@font-face {
+  font-family: "PP Supply Mono";
+  src: url("../public/fonts/PPSupplyMono-Regular.woff2");
+}
+
+@font-face {
+  font-family: "Basier Circle";
+  src: url("../public/fonts/BasierCircle-Regular.otf");
+  font-weight: bold;
+}
+
+@font-face {
+  font-family: "Basier Circle";
+  src: url("../public/fonts/BasierCircle-SemiBold.otf");
+  font-weight: 600;
+}
+
+@font-face {
+  font-family: "Basier Circle";
+  src: url("../public/fonts/BasierCircle-Medium.otf");
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: "Basier Circle";
+  src: url("../public/fonts/BasierCircle-Bold.otf");
+  font-weight: 400;
+}
+
+/* Skin headings */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "PP Supply Mono";
+  text-transform: uppercase;
+}
+
+/* Skin body */
+
+p,
+a {
+  /* font-family: "Basier Circle"; */
+}
+
+/* Skin sidebar fonts */
+.nextra-sidebar-container {
+  font-family: "PP Supply Mono";
+  text-transform: uppercase;
+}
+.nextra-sidebar-container a,
+.nextra-sidebar-container button {
+  /* font-family: "Basier Circle"; */
+  text-transform: none;
+}