# 字体实现现状审计

导出日期：2026-05-20

## 一、三套来源并存

| 来源 | 字体栈 | 影响范围 |
| --- | --- | --- |
| `theme.css` | pingfang sc, microsoft yahei, arial | TDesign 组件 |
| `tailwindcss.css` body | Inter, system-ui | 未写 font-family 的全局文本 |
| 各 `.vue` 手写 | PingFang SC / Inter / SimHei / 方正正黑 | 首页、导航、出海页等 |

## 二、主要文件对照

| 文件 | 当前写法 |
| --- | --- |
| `assets/css/theme.css` | `--td-font-family` 苹方栈（规范） |
| `assets/css/tailwindcss.css` | `body { font-family: Inter... }`（**冲突**） |
| `components/new-nav/index.vue` | PingFang SC, 16px/14px |
| `components/nav/index2.vue` | PingFang SC |
| `views/home2/index.vue` | PingFang SC + FZZhengHeiS + SimHei + Inter |
| `views/qych/index.vue` | PingFang SC, Microsoft YaHei |
| `views/ggwhglHtgl/*` | PingFang SC, Microsoft YaHei, Arial Regular |

## 三、风险

1. 同一屏内中英文混排时 Inter 与苹方度量不一致，行高可能不齐。
2. 设计交付若按苹方标注，开发在 Inter 环境预览会产生偏差。
3. 方正正黑、黑体未全局声明 `@font-face`，依赖用户本机是否安装。

## 四、建议统一步骤

1. `body` 改为 `var(--page-font-family)`（见 `tokens/font-tokens.css`）
2. `main.js` 引入 `font-tokens.css` 或合并进 `page-layout.less`
3. 新代码禁止写 `font-family: PingFang SC`，改用 class 或 mixin
4. 展示字白名单：`--page-font-family-display` 仅用于 Banner

## 五、本包不含内容

- 无 `.ttf` / `.woff` / `.woff2` 字体文件（版权与体积考虑）
- 若设计需离线包，请向字体厂商购买并单独交付安装说明