fix: 修复字体加载警告和Logo图片宽高比问题

## 修复内容 ### 字体优化 - 创建 AoyagiReisho-subset.ttf 子集字体，仅包含"睿新致远"4个字符 - 文件大小从 4.4MB 减小到 5KB（99.9% 减少） - 修复 vmtx 表解析错误导致的 48 个控制台警告 ### Logo 图片修复 - 修复 Logo SVG 宽高比问题（原始 480x120，4:1 比例） - Header: width=128 height=32 - Footer: width=192 height=48 - 消除 Next.js Image 组件警告 ### 其他优化 - 简化字体加载逻辑 - 更新部署配置 ## 测试结果 - 32 个回归测试全部通过 - 0 个控制台警告 - 0 个错误
2026-04-22 16:00:49 +08:00
parent 4066c82939
commit 2b7efb23ec
18 changed files with 341 additions and 69 deletions
@@ -1,5 +1,5 @@
 import type { Metadata, Viewport } from "next";
-import { Geist, Geist_Mono, Noto_Sans_SC, Ma_Shan_Zheng, Long_Cang } from "next/font/google";
+import { Geist, Geist_Mono, Noto_Sans_SC, Ma_Shan_Zheng } from "next/font/google";
 import localFont from "next/font/local";
 import "./globals.css";
 import { Suspense } from "react";
@@ -41,19 +41,12 @@ const maShanZheng = Ma_Shan_Zheng({
  variable: "--font-ma-shan-zheng",
  subsets: ["latin"],
  display: "swap",
-  preload: false,
-});
-
-const longCang = Long_Cang({
-  weight: "400",
-  variable: "--font-long-cang",
-  subsets: ["latin"],
-  display: "swap",
-  preload: false,
+  preload: true,
 });

+// 青柳隷書 - 仅用于品牌标题"睿新致遠"（子集版本，仅包含4个字符）
 const aoyagiReisho = localFont({
-  src: "./fonts/AoyagiReisho.ttf",
+  src: "./fonts/AoyagiReisho-subset.ttf",
  variable: "--font-aoyagi-reisho",
  display: "swap",
  preload: true,
@@ -131,19 +124,11 @@ export default function RootLayout({
      <head>
        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
        <link rel="apple-touch-icon" href="/favicon.svg" />
-        {/* 字体预加载优化 */}
-        <link
-          rel="preload"
-          href="/fonts/AoyagiReisho.ttf"
-          as="font"
-          type="font/ttf"
-          crossOrigin="anonymous"
-        />
        <OrganizationSchema />
        <WebsiteSchema />
      </head>
      <body
-        className={`${geistSans.variable} ${geistMono.variable} ${notoSansSC.variable} ${maShanZheng.variable} ${longCang.variable} ${aoyagiReisho.variable} font-sans antialiased`}
+        className={`${geistSans.variable} ${geistMono.variable} ${notoSansSC.variable} ${maShanZheng.variable} ${aoyagiReisho.variable} font-sans antialiased`}
        style={{ fontFamily: "'Noto Sans SC', 'Geist', -apple-system, BlinkMacSystemFont, sans-serif" }}
      >
        <a