font and icon

SHIINASAMA · Nov 3, 2024 · 867a6e1 · 867a6e1
1 parent c8cbfb3
commit 867a6e1
Show file tree

Hide file tree

Showing 8 changed files with 13 additions and 14 deletions.
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
diff --git a/src/app/fonts/GeistMonoVF.woff b/src/app/fonts/GeistMonoVF.woff
diff --git a/src/app/fonts/GeistVF.woff b/src/app/fonts/GeistVF.woff
diff --git a/src/app/fonts/MapleMono-Regular.woff2 b/src/app/fonts/MapleMono-Regular.woff2
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -18,7 +18,6 @@ body {
     font-size: 1.5em;
     line-height: 1.6;
     font-weight: 400;
-    font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
     color: #FFFFFF;
     max-width: 950px;
     margin: auto;
@@ -36,6 +35,7 @@ h6 {
     margin-top: 0;
     margin-bottom: 1rem;
     font-weight: 300;
+    font-family: font-maple-mono, helvetica, arial, sans-serif;
 }
 
 h1 {
@@ -78,6 +78,7 @@ p {
     margin: 0 auto 1.1em auto;
     /* bottom margin for paragraphs */
     font-size: 1.0rem;
+    font-family: font-maple-mono, helvetica, arial, sans-serif;
 }
 
 header,

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -2,14 +2,9 @@ import type {Metadata} from "next";
 import localFont from "next/font/local";
 import "./globals.css";
 
-const geistSans = localFont({
-    src: "./fonts/GeistVF.woff",
-    variable: "--font-geist-sans",
-    weight: "100 900",
-});
-const geistMono = localFont({
-    src: "./fonts/GeistMonoVF.woff",
-    variable: "--font-geist-mono",
+const mapleMono = localFont({
+    src: "./fonts/MapleMono-Regular.woff2",
+    variable: "--font-maple-mono",
     weight: "100 900",
 });
 
@@ -26,7 +21,7 @@ export default function RootLayout({
     return (
         <html lang="en">
         <body
-            className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+            className={`${mapleMono.variable} antialiased`}
         >
         {children}
         </body>

diff --git a/src/app/main.tsx b/src/app/main.tsx
@@ -24,11 +24,11 @@ const Main: React.FC = () => {
                 <p>
                     Passionate and wide-ranging developers who have been on GitHub since 2019. Familiarity with multiple
                     technology stacks, including but not limited to:
-                    C++, Python, Typescript, etc. I ware contributed code to several open source organizations and
+                    C++, Python, Typescripts, etc. I ware contributed code to several open source organizations and
                     projects, and has also hosted a number of projects on GitHub.
                 </p>
                 <p>
-                    I am good at building systems, especially CMake, cross-platform and server backend development, and
+                    I am good at build systems, especially CMake, cross-platform and server backend development, and
                     has a lot of experience in desktop development.
                     He has rich experience in using GitHub Actions, GitLab pipeline, etc. Familiar with MFC, Duilib, Qt,
                     Electron, Spring, etc.
@@ -53,9 +53,9 @@ const Main: React.FC = () => {
 
                 <picture>
                     <source media="(prefers-color-scheme: dark)"
-                            srcSet="https://raw.githubusercontent.com/shiinasama/shiinasama/output/github-snake-dark.svg"/>
+                            srcSet={"https://raw.githubusercontent.com/shiinasama/shiinasama/output/github-snake-dark.svg"}/>
                     <source media="(prefers-color-scheme: light)"
-                            srcSet="https://raw.githubusercontent.com/shiinasama/shiinasama/output/github-snake.svg"/>
+                            srcSet={"https://raw.githubusercontent.com/shiinasama/shiinasama/output/github-snake.svg"}/>
                     <img alt="github-snake"
                          src="https://raw.githubusercontent.com/shiinasama/shiinasama/output/github-snake.svg"/>
                 </picture>

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -12,6 +12,9 @@ const config: Config = {
         background: "var(--background)",
         foreground: "var(--foreground)",
       },
+      fontFamily: {
+        maple: ['var(--font-maple-mono)'],
+      }
     },
   },
   plugins: [],