mirror of
https://gitee.com/wot-design-uni/wot-design-uni.git
synced 2025-12-07 17:48:34 +08:00
6.9 KiB
6.9 KiB
Typography
iOS Fonts
| iOS | |
|---|---|
| Chinese |
PingFang
苹方
苹方
苹方
PingFang SC(font-weight:600)
PingFang SC(font-weight:500)
PingFang SC
|
| English |
San Francisco
San Francisco
San Francisco
San Francisco
San Francisco(font-weight:600)
San Francisco(font-weight:500)
San Francisco
|
| Numbers |
San Francisco / JDZhengHT-EN
1234567890 ￥ % + - = .
1234567890 ￥ % + - = .
1234567890 ￥ % + - = .
JDZhengHT-Bold
JDZhengHT-Light(font-weight:700)
JDZhengHT-Light
|
Android Fonts
| Android | |
|---|---|
| Chinese |
Source Han Sans
思源黑体
思源黑体
思源黑体
Noto SansCJK(font-weight:600)
Noto SansCJK(font-weight:500)
Noto SansCJK
|
| English |
Roboto
Roboto
Roboto
Roboto
Roboto(font-weight:600)
Roboto(font-weight:500)
Roboto
|
| Numbers |
Roboto / JDZhengHT-EN
1234567890 ￥ % + - = .
1234567890 ￥ % + - = .
1234567890 ￥ % + - = .
JDZhengHT-Bold
JDZhengHT-Light(font-weight:700)
JDZhengHT-Light
|
Font-family Code
font-family: "San Francisco", Rotobo, arial, "PingFang SC", "Noto SansCJK", "Microsoft Yahei", sans-serif;
JD Zheng HT Font-family
CDN:
# CDN Address
https://static.360buyimg.com/bus/fonts/JDZhengHT/JDZhengHT-Light.ttf
https://static.360buyimg.com/bus/fonts/JDZhengHT/JDZhengHT-Light.woff
https://static.360buyimg.com/bus/fonts/JDZhengHT/JDZhengHT-Bold.ttf
https://static.360buyimg.com/bus/fonts/JDZhengHT/JDZhengHT-Bold.woff
Usage:
@font-face {
font-family: 'JDZhengHT-Bold';
src: url('https://static.360buyimg.com/bus/fonts/JDZhengHT/JDZhengHT-Bold.woff') format('woff'), /* chrome, firefox */
url('https://static.360buyimg.com/bus/fonts/JDZhengHT/JDZhengHT-Bold.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'JDZhengHT-Light';
src: url('https://static.360buyimg.com/bus/fonts/JDZhengHT/JDZhengHT-Light.woff') format('woff'), /* chrome, firefox */
url('https://static.360buyimg.com/bus/fonts/JDZhengHT/JDZhengHT-Light.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
font-weight: normal;
font-style: normal
}
.type-JDZhengHT {
font-family: 'JDZhengHT-Light';
}
.type-JDZhengHT-Semibold {
font-family: 'JDZhengHT-Bold';
}
Font Usage Specifications
| Level | Font Size | Size Variable | Font Color | Color Variable |
|---|---|---|---|---|
| Large Title | 24px | $-fs-big | rgba(0, 0, 0, 0.85) | $-color-content |
| Important Data | 19px | $-fs-important | rgba(0, 0, 0, 0.85) | $-color-content |
| Title Font Size/Important Body Font Size | 16px | $-fs-title | rgba(0, 0, 0, 0.85) | $-color-content |
| Normal Body Text | 14px | $-fs-content | rgba(0, 0, 0, 0.85) | $-color-content |
| Auxiliary Text | 12px | $-fs-secondary | rgba(0, 0, 0, 0.45) | $-color-secondary |