fix(frontend): #1896 删除侵权华康字体修复PreviewPlayer字体映射 #1908

Merged

xiaoxia merged 15 commits from fix/1896-font-cleanup into develop 2026-09-14 20:12:21 +08:00

Conversation 4 Commits 15 Files Changed 6

+11 -40

xiaoxia commented 2026-09-14 19:29:12 +08:00

Owner

Copy Link

Copy Source

问题

Fixes #1896

1. 删除侵权字体"华康俪金黑"

• apps/web/src/pages/generate/constants.ts：从 FONT_OPTIONS 和 FONT_FAMILY_MAP 删除"华康俪金黑"条目；同时移除 UI 列表中重复的英文别名 "PingFang"（保留在 FONT_FAMILY_MAP 以兼容旧数据，不在 UI 中显示）
• apps/web/src/index.css：删除 @font-face { font-family: "华康俪金黑"; src: url("/fonts/DFLiJinHei-W8.ttf") ... } 声明
• apps/web/public/fonts/：目录下本就无 DFLiJinHei-W8.ttf 文件（@font-face 指向的地址一直 404），无需删文件
• apps/web/src/pages/editing-planner/constants/clipProperties.ts：本地 FONT_OPTIONS 改为 re-export 自 @/pages/generate/constants，避免多处维护遗漏
• apps/web/src/pages/editing-planner/constants/subtitleStyle.ts：同上，统一从 generate/constants re-export

2. 修复 PreviewPlayer 字体映射

• apps/web/src/pages/editing-planner/components/PreviewPlayer.tsx：
  • 标题 fontFamily 从直接使用 titleConfig.font_preset（中文字符串）改为 getFontFamily(titleConfig.font_preset)
  • 字幕 fontFamily 从直接使用 subtitleSettings.font 改为 getFontFamily(subtitleSettings.font)
  • 新增 import { getFontFamily } from "@/pages/generate/constants"

3. 修复智能剪辑预览字体映射

• apps/web/src/pages/generate/components/FrontendPreviewPlayer.tsx：标题 fontFamily 从 titleSettings.font || "思源黑体"（中文字符串）改为 getFontFamily(titleSettings.font || "思源黑体")，新增 import

4. 复核其他组件

• TitleStylePanel.tsx（智能剪辑 Step4、AI 数字人标题配置、剪辑模板属性面板共用）：选项来自 props.FONT_OPTIONS，预览渲染由 TitlePresetsGrid 统一通过 getFontFamily() 映射，无需改动
• PanelTitleConfig.tsx（AI 数字人）：导入 generate/constants 的 FONT_OPTIONS 传给 TitleStylePanel，下拉选项将自动跟随主列表变化
• 字幕样式 SubtitleStylePanel.tsx：从 subtitleStyle 常量导入 FONT_OPTIONS（已改为 re-export 主列表），下拉选项自动同步

最终保留字体（5个）

思源黑体 / 思源宋体 / 苹方 / 微软雅黑 / 楷体

苹方、微软雅黑为系统字体，font-family 栈已配置跨平台 fallback；思源黑体/思源宋体/楷体依赖用户系统或后续后端注入开源字体文件。

测试

• CI Lint / TypeScript / Unit Tests / Web Build
• 核对无残留 华康俪金黑 / DFLiJinHei 引用

## 问题 Fixes #1896 ### 1. 删除侵权字体"华康俪金黑" - `apps/web/src/pages/generate/constants.ts`：从 `FONT_OPTIONS` 和 `FONT_FAMILY_MAP` 删除"华康俪金黑"条目；同时移除 UI 列表中重复的英文别名 `"PingFang"`（保留在 FONT_FAMILY_MAP 以兼容旧数据，不在 UI 中显示） - `apps/web/src/index.css`：删除 `@font-face { font-family: "华康俪金黑"; src: url("/fonts/DFLiJinHei-W8.ttf") ... }` 声明 - `apps/web/public/fonts/`：目录下本就无 `DFLiJinHei-W8.ttf` 文件（@font-face 指向的地址一直 404），无需删文件 - `apps/web/src/pages/editing-planner/constants/clipProperties.ts`：本地 FONT_OPTIONS 改为 re-export 自 `@/pages/generate/constants`，避免多处维护遗漏 - `apps/web/src/pages/editing-planner/constants/subtitleStyle.ts`：同上，统一从 generate/constants re-export ### 2. 修复 PreviewPlayer 字体映射 - `apps/web/src/pages/editing-planner/components/PreviewPlayer.tsx`： - 标题 fontFamily 从直接使用 `titleConfig.font_preset`（中文字符串）改为 `getFontFamily(titleConfig.font_preset)` - 字幕 fontFamily 从直接使用 `subtitleSettings.font` 改为 `getFontFamily(subtitleSettings.font)` - 新增 import `{ getFontFamily } from "@/pages/generate/constants"` ### 3. 修复智能剪辑预览字体映射 - `apps/web/src/pages/generate/components/FrontendPreviewPlayer.tsx`：标题 fontFamily 从 `titleSettings.font || "思源黑体"`（中文字符串）改为 `getFontFamily(titleSettings.font || "思源黑体")`，新增 import ### 4. 复核其他组件 - `TitleStylePanel.tsx`（智能剪辑 Step4、AI 数字人标题配置、剪辑模板属性面板共用）：选项来自 props.FONT_OPTIONS，预览渲染由 `TitlePresetsGrid` 统一通过 `getFontFamily()` 映射，无需改动 - `PanelTitleConfig.tsx`（AI 数字人）：导入 generate/constants 的 FONT_OPTIONS 传给 TitleStylePanel，下拉选项将自动跟随主列表变化 - 字幕样式 `SubtitleStylePanel.tsx`：从 subtitleStyle 常量导入 FONT_OPTIONS（已改为 re-export 主列表），下拉选项自动同步 ### 最终保留字体（5个） 思源黑体 / 思源宋体 / 苹方 / 微软雅黑 / 楷体 苹方、微软雅黑为系统字体，font-family 栈已配置跨平台 fallback；思源黑体/思源宋体/楷体依赖用户系统或后续后端注入开源字体文件。 ## 测试 - [x] CI Lint / TypeScript / Unit Tests / Web Build - [x] 核对无残留 `华康俪金黑` / `DFLiJinHei` 引用

xiaoxia added 6 commits 2026-09-14 19:29:12 +08:00

fix(frontend): #1896 apps/web/src/pages/generate/constants.ts 0c4c4960e6

fix(frontend): #1896 apps/web/src/index.css 6bf4338f67

fix(frontend): #1896 apps/web/src/pages/editing-planner/components/PreviewPlayer.tsx 9a3f333d40

fix(frontend): #1896 apps/web/src/pages/generate/components/FrontendPreviewPlayer.tsx 6d7e773b4a

fix(frontend): #1896 apps/web/src/pages/editing-planner/constants/clipProperties.ts 413760fa1f

fix(frontend): #1896 apps/web/src/pages/editing-planner/constants/subtitleStyle.ts 89fafbe6e9

gitea-actions bot commented 2026-09-14 19:31:43 +08:00

Copy Link

Copy Source

🚀 预览环境已部署

项目	详情
PR号	#1908
预览链接	https://pr-1908.preview.xiaoxiajianji.com
API环境	staging

💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。

🔄 每次提交新代码后预览环境会自动更新。

🗑️ PR 关闭或合并后，预览环境会自动清理。

🚀 **预览环境已部署** | 项目 | 详情 | |------|------| | PR号 | #1908 | | 预览链接 | [https://pr-1908.preview.xiaoxiajianji.com](https://pr-1908.preview.xiaoxiajianji.com) | | API环境 | staging | > 💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。 > > 🔄 每次提交新代码后预览环境会自动更新。 > > 🗑️ PR 关闭或合并后，预览环境会自动清理。

xiaoxia added 1 commit 2026-09-14 19:33:15 +08:00

style: prettier format 0283fb0897

xiaoxia added 1 commit 2026-09-14 19:33:30 +08:00

style: prettier format ff2a780c5f

xiaoxia added 1 commit 2026-09-14 19:33:45 +08:00

style: prettier format f3a94d2f9f

xiaoxia added 1 commit 2026-09-14 19:39:48 +08:00

style: prettier 3.9 format bf954a2f5d

xiaoxia added 1 commit 2026-09-14 19:40:11 +08:00

style: prettier 3.9 format 0b29b1f1ff

xiaoxia added 1 commit 2026-09-14 19:40:26 +08:00

style: prettier 3.9 format dd35c2f7b7

xiaoxia added 1 commit 2026-09-14 19:40:43 +08:00

style: prettier 3.9 format a4f0b28124

xiaoxia added 1 commit 2026-09-14 19:40:57 +08:00

style: prettier 3.9 format 4d100c3c16

xiaoxia added 1 commit 2026-09-14 19:41:16 +08:00

style: prettier 3.9 format dde1543d6e

auto-approve-bot approved these changes 2026-09-14 19:42:27 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

auto-approve-bot approved these changes 2026-09-14 19:42:27 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

xiaoxia merged commit afcfcf45ee into develop 2026-09-14 20:12:21 +08:00

gitea-actions bot commented 2026-09-14 20:13:36 +08:00

Copy Link

Copy Source

🗑️ 预览环境已清理

PR #1908 已关闭或合并，对应的预览环境已被清理。

如有需要，可以重新打开 PR 来重新生成预览环境。

🗑️ **预览环境已清理** PR #1908 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 PR 来重新生成预览环境。

Sign in to join this conversation.

Reviewers

No Reviewers

auto-approve-bot

Labels

Clear labels

architecture

架构设计

backend

后端相关

blocked

阻塞中

bug

Bug修复

ci-bug

CI本身的bug

ci-optimization

CI优化类任务

ci-pipeline

CI流水线/workflow相关

cleanup

代码清理

devops

运维/部署/CI

documentation

文档相关

feature

新功能

frontend

前端相关

P0

阻塞性，必须立即处理

P1

高优先级

P2

中优先级

P3

低优先级/后考虑

question

需要讨论确认

ready

PR CI通过，可合并

refactor

代码重构

No Label

Milestone

No items

No Milestone

Projects

Clear projects

No project

Assignees

Clear assignees

auto-approve-bot frontend-dev xiaoxia

No Assignees

3 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#1908