更新了主页面UI

2025-10-06 14:34:54 +08:00
parent bd6b1c3add
commit 135508954d
12 changed files with 132 additions and 28 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
+import localFont from "next/font/local";

 const geistSans = Geist({
  variable: "--font-geist-sans",
@@ -12,9 +13,45 @@ const geistMono = Geist_Mono({
  subsets: ["latin"],
 });

+const sourceHanSansSC = localFont({
+  src: [
+    {
+      path: '../../public/fonts/SourceHanSansSC-ExtraLight.otf',
+      weight: '200',
+      style: 'normal'
+    },
+    {
+      path: '../../public/fonts/SourceHanSansSC-Light.otf',
+      weight: '300',
+      style: 'normal'
+    },
+    {
+      path: '../../public/fonts/SourceHanSansSC-Regular.otf',
+      weight: '400',
+      style: 'normal'
+    },
+    {
+      path: '../../public/fonts/SourceHanSansSC-Medium.otf',
+      weight: '500',
+      style: 'normal'
+    },
+    {
+      path: '../../public/fonts/SourceHanSansSC-Bold.otf',
+      weight: '700',
+      style: 'normal'
+    },
+    {
+      path: '../../public/fonts/SourceHanSansSC-Heavy.otf',
+      weight: '900',
+      style: 'normal'
+    }
+  ]
+});
+
 export const metadata: Metadata = {
  title: "Learn Languages",
  description: "A Website to Learn Languages",
+  viewport: 'width=device-width, initial-scale=1.0',
 };

 export default function RootLayout({
@@ -25,7 +62,7 @@ export default function RootLayout({
  return (
    <html lang="en">
      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+        className={`${geistSans.variable} ${geistMono.variable} ${sourceHanSansSC.className} antialiased`}
      >
        {children}
      </body>