Once you've chosen your fonts, you may want to fine-tune the size and weight to perfectly match your aesthetic. Here's how to do it properly.

Changing Size and Weight via Text Styles

1. Open Assets → Text Styles.

2. Double-click the style you want to edit (e.g., "Body").

3. Adjust Size (the px value) and Weight (Regular, Medium, SemiBold, Bold, etc.).

4. All text using this style updates across the entire site.

Font Weight Options

Font weight values correspond to CSS numbers. The available weights depend on the font family:

• 300 — Light

• 400 — Regular (default body)

• 500 — Medium

• 600 — SemiBold

• 700 — Bold

• 800 — ExtraBold

• 900 — Black (very heavy, use sparingly)

💡 Tip: Not all fonts support all weights. If a weight looks the same as another (e.g., 600 and 700 look identical), the font doesn't have a separate cut for that weight — Framer will fake it, but it won't look as clean. Choose a font that genuinely supports the weights you need.