TPower DesignAppearance
Font Family
用于控制元素的字体系列的实用程序
| Class | 风格 |
|---|---|
| font-face | font-family: 'SourceHanSans'; |
Font Size
使用语法根据完全自定义的值设置字体大小：text-*
| Class | 属性Properties |
|---|---|
| text-font-size-T1 | font-size: 10px; |
| text-font-size-T2 | font-size: 12px; |
text-font-size-T3 默认 | font-size: 14px; |
| text-font-size-T4 | font-size: 16px; |
| text-font-size-T6 | font-size: 20px; |
font-size-T2
敏捷的棕色狐狸跳过懒惰的狗。
font-size-T3
敏捷的棕色狐狸跳过懒惰的狗。
font-size-T4
敏捷的棕色狐狸跳过懒惰的狗。
Font Weight
使用语法根据完全自定义的值设置字体粗细：font-*
| Class | 属性Properties |
|---|---|
font-font-weight-regular 默认 | font-weight: 400; |
| font-font-weight-medium | font-weight: 500; |
| font-font-weight-bold | font-weight: 600; |
font-weight-regular
敏捷的棕色狐狸跳过懒惰的狗。
font-weight-medium
敏捷的棕色狐狸跳过懒惰的狗。
font-weight-bold
敏捷的棕色狐狸跳过懒惰的狗。
Line Height
使用语法根据完全自定义的值设置行高：leading-*
| Class | 属性Properties |
|---|---|
| leading-line-height-T1 | line-height: 18px; |
| leading-line-height-T2 | line-height: 20px; |
leading-line-height-T3 默认 | line-height: 22px; |
| leading-line-height-T4 | line-height: 24px; |
| leading-line-height-T6 | line-height: 28px; |
line-height-T3
于是我开始走进水里。我不会骗你们，我很害怕。但我继续前进，当我越过防波堤时，一种奇怪的平静笼罩着我。我不知道这是上帝的干预还是所有生物的亲属关系，但我告诉你，杰瑞，那一刻，我是一名海洋生物学家。
line-height-T4
于是我开始走进水里。我不会骗你们，我很害怕。但我继续前进，当我越过防波堤时，一种奇怪的平静笼罩着我。我不知道这是上帝的干预还是所有生物的亲属关系，但我告诉你，杰瑞，那一刻，我是一名海洋生物学家。
line-height-T5
于是我开始走进水里。我不会骗你们，我很害怕。但我继续前进，当我越过防波堤时，一种奇怪的平静笼罩着我。我不知道这是上帝的干预还是所有生物的亲属关系，但我告诉你，杰瑞，那一刻，我是一名海洋生物学家。