![logo-horizontal_w.png]](https://support.tiled.co/hs-fs/hubfs/logo-horizontal_w.png?height=30&name=logo-horizontal_w.png){kind=logo}
Font Weights Shown as Names
Human-readable font weight names (Extra Light, Light, Normal, Bold) replace numeric codes for better selection accuracy and brand consistency
This article documents the Font Weights as Names improvement shipped in Tiled v51.0.0. The font weight selector in Builder 2.0 now displays human-readable weight names (e.g., Extra Light, Light, Normal, Bold, Extra Bold, Black) instead of numeric CSS weight codes (e.g., 100, 300, 400, 700). This improves selection accuracy and reduces brand consistency errors caused by numeric code ambiguity.
Scope: All Tiled users with Builder 2.0 access (Editor and above) who configure typography in text tiles.
2. What Changed
|
Before v51.0.0 |
Font weight selector displayed numeric values: 100, 200, 300, 400, 500, 600, 700, 800, 900. Creators needed to know that 400 = Normal, 700 = Bold, etc. Non-designer team members frequently selected incorrect weights. |
|
After v51.0.0 |
Font weight selector displays human-readable names: Extra Light (100), Light (300), Normal (400), Medium (500), Semi Bold (600), Bold (700), Extra Bold (800), Black (900). Numeric value shown in parentheses for reference. |
|
Brand Consistency |
Selecting 'Bold' is unambiguous. Selecting 700 required creators to have CSS font-weight knowledge. The name-based display reduces brand consistency errors for teams managing multiple microapp templates. |
|
No Functional Change |
The underlying font weight values are unchanged. Microapps using custom fonts retain their configured weights. This is a display-layer improvement only. |
3. Standard Font Weight Names Reference
|
Extra Light |
100 |
|
Light |
300 |
|
Normal |
400 |
|
Medium |
500 |
|
Semi Bold |
600 |
|
Bold |
700 |
|
Extra Bold |
800 |
|
Black |
900 |
|
Note: Not all font families support all weights. The font weight selector displays only the weights available for the selected font family. A font configured as 'Bold' in Builder 2.0 will apply the 700 weight if available in the font. If the font does not include a 700 variant, the browser may synthesize a bold approximation. Test custom fonts at each weight in both Builder Preview and the Viewer before finalizing brand typography. |
4. QA Validation
|
QA Scope: Font weight display and selection accuracy were included in the July 2025 pre-release validation. Post-release: typography improvements reduced confusion when selecting weights; fewer support clarifications needed per post-release notes. |
5. Reconciliation Note
|
Deferred: Jira ticket number pending reconciliation. Update per the checklist in KB-v51-06. |
6. Change History
|
v1.0 — July 8, 2025 |
Initial article. Feature shipped in Tiled v51.0.0. Ticket number pending reconciliation. |