Utilities
Fonts
/path/to/floncss/trumps/fonts/fonts.css
フォントを制御するためのutility classです。
| Class | Properties | Description |
|---|---|---|
| family | ||
| font:primary | font-family: var(--font-family-primary); | --font-family-primary に定義した値が適用されます。 |
| font:secondary | font-family: var(--font-family-secondary); | --font-family-secondary に定義した値が適用されます。 |
| size | ||
| font:base | font-size: font-size: var(--font-size-base); | --font-size-base に定義した値が適用されます。 |
| font:2xl | font-size: font-size: var(--font-size-2xl); | --font-size-2xl に定義した値が適用されます。 |
| font:xl | font-size: font-size: var(--font-size-xl); | --font-size-xl に定義した値が適用されます。 |
| font:lg | font-size: font-size: var(--font-size-lg); | --font-size-lg に定義した値が適用されます。 |
| font:md | font-size: font-size: var(--font-size-md); | --font-size-md に定義した値が適用されます。 |
| font:sm | font-size: font-size: var(--font-size-sm); | --font-size-sm に定義した値が適用されます。 |
| font:xs | font-size: font-size: var(--font-size-xs); | --font-size-xs に定義した値が適用されます。 |
| font:2xs | font-size: font-size: var(--font-size-2xs); | --font-size-2xs に定義した値が適用されます。 |
| weight | ||
| font:300 | font-weight: 300; | |
| font:normal | font-weight: normal; | |
| font:500 | font-weight: 500; | |
| font:600 | font-weight: 600; | |
| font:bold | font-weight: bold; | |
| style | ||
| font:itaric | font-style: itaric; | |
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