fix(ui,a11y): 修 logo 深色模式不可见 + 补 tailwind font-calligraphy 工具类
修复 A:header logo 深色模式字被吞 - logo.svg 右侧公司名(睿新致遠 + NOVALON)硬编码 fill='#0A0E14', 深色背景下 background 同色不可见,红色印章下书法字与英文全部被吞。 - 复用既有 logo-white.svg(白字 + 红印章)作为深色版, header 渲染双 <Image>,按 html[data-theme] CSS 显隐。 - 双 Image 不占位(display:none),零 JS 闪烁,未来主题切换器自动生效。 修复 B:font-calligraphy 工具类不生成 - tailwind.config.js 的 fontFamily 此前未声明 calligraphy key, 导致 font-calligraphy utility 永不生成,4 处装饰书法字 (BrandStamp「值得信赖」/ ChallengeSection「使命」/ WhyUsSection「睿」「我们」) 静默回退 sans。 - fontFamily 加 calligraphy: ['var(--font-calligraphy-system)']。 审计脚本: - logo-compare*.mjs:生产 vs 本地 logo 对比定位 - logo-dark-verify.mjs:明暗双版渲染验证 - font-calligraphy-verify.mjs:合成探针验证 utility 生效 验证: - type-check 0 error · lint 0 error(127 warnings 既有项与本次无关) - 深浅色 header 截图:明暗版正确切换,书法字 + NOVALON 清晰可见 - font-calligraphy 合成探针 computed fontFamily = STKaiti, KaiTi, 楷体, SimKai, serif ✓
This commit is contained in:
@@ -124,6 +124,10 @@ module.exports = {
|
||||
mono: ['var(--font-mono)'],
|
||||
brand: ['var(--font-brand)'],
|
||||
serif: ['var(--font-serif)'],
|
||||
// 书法体:globals.css 的 --font-calligraphy-system(STKaiti / KaiTi 系统字栈)
|
||||
// 此前 fontFamily 未声明该 key,导致 font-calligraphy utility 不生成,
|
||||
// 4 处装饰书法字(why-us / challenge / brand-visuals)静默回退 sans。
|
||||
calligraphy: ['var(--font-calligraphy-system)'],
|
||||
},
|
||||
fontSize: {
|
||||
caption: 'var(--font-size-caption)',
|
||||
|
||||
Reference in New Issue
Block a user