Utilities
Fonts
/path/to/floncss/trumps/fonts/fonts.css
フォントを制御するためのutility classです。
| Class | Properties | Description |
|---|---|---|
| family | ||
| font-family: var(--font-family-primary); | --font-family-primary に定義した値が適用されます。 | |
| font-family: var(--font-family-secondary); | --font-family-secondary に定義した値が適用されます。 | |
| size | ||
| font-size: var(--font-size-base); | --font-size-base に定義した値が適用されます。 | |
| font-size: var(--font-size-2xl); | --font-size-2xl に定義した値が適用されます。 | |
| font-size: var(--font-size-xl); | --font-size-xl に定義した値が適用されます。 | |
| font-size: var(--font-size-lg); | --font-size-lg に定義した値が適用されます。 | |
| font-size: var(--font-size-md); | --font-size-md に定義した値が適用されます。 | |
| font-size: var(--font-size-sm); | --font-size-sm に定義した値が適用されます。 | |
| font-size: var(--font-size-xs); | --font-size-xs に定義した値が適用されます。 | |
| font-size: var(--font-size-2xs); | --font-size-2xs に定義した値が適用されます。 | |
| weight | ||
| font-weight: 300; | ||
| font-weight: normal; | ||
| font-weight: 500; | ||
| font-weight: 600; | ||
| font-weight: bold; | ||
| font-weight: 900; | ||
| style | ||
| font-style: italic; | ||
Useage
1<div class="font:primary">text...</div>
2
3<div class="font:md">text...</div>
4
5<div class="font:bold">text...</div>
6
7<div class="font:itaric">text...</div>
8...Settings
各種値については "settings/fonts.css" で定義します。
Learn more