27 lines
959 B
Markdown
27 lines
959 B
Markdown
# Font Style Guide
|
|
|
|
## Font Family
|
|
|
|
The design system uses **Inter** as its typeface. This is a freely available font from Google Fonts optimized for on-screen readability.
|
|
|
|
## Typography Scale
|
|
|
|
The following table documents the complete font sizing system used throughout the Vuer UIKit:
|
|
|
|
| Style Name | Size (px) | Line Height | Weight |
|
|
|---|---|---|---|
|
|
| text-uk-h1 | 30 | 36 | 400 |
|
|
| text-uk-h2 | 24 | 32 | 400 |
|
|
| text-uk-h3 | 20 | 28 | 400 |
|
|
| text-uk-lg | 16 | 24 | 400 |
|
|
| text-uk-md | 14 | 20 | 400 |
|
|
| text-uk-subtitle | 13 | 18 | 400 |
|
|
| text-uk-sm | 12 | 16 | 400 |
|
|
| text-uk-xs | 11 | 14 | 400 |
|
|
| text-uk-xxs | 10 | 12 | 400 |
|
|
| text-uk-hint | 10 | 12 | 400 |
|
|
|
|
## Key Information
|
|
|
|
All typography styles utilize the Inter typeface, with measurements specified in pixels. Font weights remain consistent at 400 (regular) across all size variants. Line heights are provided as both variable names and pixel values for implementation flexibility.
|