Skip to content
English
Submit a request
  • There are no suggestions because the search field is empty.

Font Weight Names in Builder

This guide explains how font weights are displayed in the Tiled Builder and what each weight name corresponds to — helping you select the right weight for your brand typography every time.

Overview

The font weight selector in Builder displays human-readable weight names rather than numeric codes. Instead of choosing between values like 400 or 700, you'll see names like Normal and Bold, with the corresponding numeric value shown in parentheses for reference.

This is a display change only — the underlying font weights applied to your microapps are unchanged.

Font Weight Reference

Weight name Numeric value
Extra Light 100
Light 300
Normal 400
Medium 500
Semi Bold 600
Bold 700
Extra Bold 800
Black 900

How to Select a Font Weight

  1. Select a text tile on the canvas.
  2. In the Properties panel, open the font weight selector.
  3. Choose the weight name that matches your brand guidelines (e.g., Bold, Light).

Note: The selector only shows weights that are available for the currently selected font family. If a weight you expect isn't listed, the font may not include that variant.

Important: Custom and Brand Fonts

Not all font families include every weight. If you select a weight that your custom font doesn't fully support, the browser may approximate it rather than using a true font variant — which can result in text that looks slightly different from your brand standard.

To avoid this:

  • Test custom fonts at each weight you plan to use in both Builder Preview and the Viewer before finalizing your typography.
  • If a weight looks different in Preview than expected, check whether your uploaded font file includes that weight as a true variant.

Common Questions

Will this change affect existing microapps?
No — this is a display change in the Builder interface only. Microapps already using custom fonts retain their configured weights exactly as set. Nothing about the published microapp output has changed.

Why don't I see all nine weight options for my font?
The selector only displays weights available for the selected font family. Fonts vary in how many weights they include — some only have Regular and Bold, while others include the full range.

What's the difference between Semi Bold (600) and Bold (700)?
Semi Bold is slightly lighter than Bold. For most body text, Normal (400) is standard. For emphasis and headings, Bold (700) is the most common choice. Semi Bold (600) is useful when you want emphasis that's slightly less heavy than full Bold.