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 个错误
This commit was merged in pull request #7.
This commit is contained in:
张翔
2026-04-22 16:00:49 +08:00
parent 4066c82939
commit 2b7efb23ec
18 changed files with 341 additions and 69 deletions
+2 -2
View File
@@ -13,9 +13,9 @@ export function Footer() {
<Image
src="/logo.svg"
alt={COMPANY_INFO.name}
width={48}
width={192}
height={48}
className="h-12 w-auto transition-transform duration-200 hover:scale-105"
className="transition-transform duration-200 hover:scale-105"
loading="eager"
priority
/>
+2 -2
View File
@@ -169,9 +169,9 @@ function HeaderContent() {
<Image
src="/logo.svg"
alt={COMPANY_INFO.name}
width={32}
width={128}
height={32}
className="h-8 w-auto transition-transform duration-200 group-hover:scale-105"
className="transition-transform duration-200 group-hover:scale-105"
loading="eager"
priority
/>
+1 -1
View File
@@ -27,7 +27,7 @@ export function AboutSection() {
>
<div className="text-center mb-12">
<h2 id="about-heading" className="text-4xl md:text-5xl font-bold text-[#1C1C1C] mb-6">
<span className="tracking-tight font-calligraphy text-[#C41E3A]" style={{ fontWeight: 'normal', WebkitFontSmoothing: 'antialiased', MozOsxFontSmoothing: 'grayscale', textRendering: 'optimizeLegibility' }}>{COMPANY_INFO.shortName}</span>
<span className="tracking-tight font-brand text-[#C41E3A]" style={{ fontWeight: 'normal', WebkitFontSmoothing: 'antialiased', MozOsxFontSmoothing: 'grayscale', textRendering: 'optimizeLegibility' }}>{COMPANY_INFO.shortName}</span>
</h2>
<p className="text-lg text-[#5C5C5C] mb-8">
{COMPANY_INFO.slogan}
@@ -60,7 +60,7 @@ export function HeroTitle({ isVisible }: HeroContentProps) {
initial={shouldReduceMotion ? {} : { opacity: 0, y: 20 }}
animate={isVisible ? { opacity: 1, y: 0 } : {}}
transition={shouldReduceMotion ? { duration: 0 } : { duration: 0.6, delay: 0.1 }}
className="text-5xl sm:text-6xl lg:text-7xl tracking-tight mb-6 font-calligraphy"
className="text-5xl sm:text-6xl lg:text-7xl tracking-tight mb-6 font-brand"
style={{
fontWeight: 'normal',
WebkitFontSmoothing: 'antialiased',