30 lines
1.4 KiB
Markdown
30 lines
1.4 KiB
Markdown
# TeleNeoWeb 字体文件放这里
|
||
|
||
演示稿 `../Flutter-vs-UniApp-deck.html` 的字体栈第一顺位是 **TeleNeoWeb**——德国电信 / T-Systems 的品牌字体。
|
||
|
||
**它不在公开渠道。** `@telekom/design-tokens` 和 `@telekom/scale-components` 这两个公开 npm 包里都只在 CSS 里写了字体名，`fontFiles` 是空数组；字体文件本身是授权资产，要从 T-Systems 内部品牌门户取。
|
||
|
||
## 放四个文件进来就生效
|
||
|
||
```
|
||
assets/fonts/
|
||
├── TeleNeoWeb-Regular.woff2 font-weight: 400
|
||
├── TeleNeoWeb-Medium.woff2 font-weight: 500
|
||
├── TeleNeoWeb-Bold.woff2 font-weight: 700
|
||
└── TeleNeoWeb-ExtraBold.woff2 font-weight: 800
|
||
```
|
||
|
||
文件名必须完全一致（`@font-face` 里写死了）。放好后刷新页面即可，不需要改任何代码。
|
||
|
||
**800（ExtraBold）最重要**——Scale 的所有标题字阶都是 800 权重，这是德电视觉最容易辨认的特征。只放一个的话先放它。
|
||
|
||
## 不放会怎样
|
||
|
||
不会报错。浏览器静默回退到下一顺位：
|
||
|
||
```
|
||
'TeleNeoWeb' → 'PingFang SC' → 'Microsoft YaHei' → 'Noto Sans SC' → 'Hiragino Sans GB' → sans-serif
|
||
```
|
||
|
||
Windows 上落到微软雅黑，macOS 上落到苹方。中文本来就走这一档——**TeleNeoWeb 没有中文字形**，它只影响西文和数字（Flutter、uni-app x、91,171、11.07% 这些）。
|