ui: swap inter for ibm plex sans, and oxygen mono for ibm plex mono

src/components/Home/styles.tsx

@@ -124,7 +124,7 @@ export const menuItemStyles = css`
   position: relative;
   transition: color 0.3s;
   margin: 10px 20px 5px 0;
-  font-family: "Oxygen Mono", monospace;
+  font-family: "IBM Plex Mono", monospace;
 
   &:hover {
     color: #fff;

src/components/HomePartner/styles.tsx

@@ -5,7 +5,7 @@ export const HomePartnerWrapper = styled.div`
   margin-top: 32px;
   display: flex;
   align-items: center;
-  font-family: "Oxygen Mono", monospace;
+  font-family: "IBM Plex Mono", monospace;
   text-transform: uppercase;
   font-size: 22px;
   color: ${(props) => props.theme.main.foreground};

src/components/Markdown/styles.tsx

@@ -111,7 +111,7 @@ export const MarkdownWrapper = styled.div`
     border-radius: 3px;
     letter-spacing: 0.25px;
     color: #ebedee;
-    font-family: "Oxygen Mono", monospace;
+    font-family: "IBM Plex Mono", monospace;
   }
 
   :not(pre) > code[class*="language-"],

src/design/typography.ts

@@ -1,5 +1,5 @@
-const FONT_INTER = "Inter, sans-serif"
-const FONT_MONTSERRAT = "Montserrat, sans-serif"
+const FONT_BODY = "IBM Plex Sans, sans-serif"
+const FONT_HEADER = "Montserrat, sans-serif"
 
 export const BASE_FONT_SIZE = 20
 export const BASE_LINE_HEIGHT = 26
@@ -24,8 +24,8 @@ export function modularScale(power: number) {
 }
 
 export const fontFamily = {
-  header: FONT_MONTSERRAT,
-  body: FONT_INTER,
+  header: FONT_HEADER,
+  body: FONT_BODY,
 }
 
 export default fontFamily