docs: add README for TeleNeoWeb font usage and requirements
This commit is contained in:
@@ -0,0 +1,29 @@
|
||||
# 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% 这些)。
|
||||
Reference in New Issue
Block a user