Platform 2 Guide — This article applies to the new platform. Looking for classic platform docs? Browse the Platform 1 collection.
Why: Enhance your app's branding by uploading your own licensed fonts, ensuring a cohesive look across your app and PDF exports. This feature is perfect for food creators who want to use custom typography that aligns with their brand identity.
Navigate: App Station > App Settings > Design > Typography
Quick Start
Navigate to App Station > App Settings > Design > Typography.
For the Heading or UI slot, switch the source tab from Google Fonts to Upload Custom.
Drop one or many
.woff2or.wofffiles onto the bulk upload area (or click it to pick).Confirm the detected family name appears as a chip in the slot header.
Review the typography preview on the right to see how it will render.
Understanding Custom Fonts
Scope of Custom Fonts
Custom fonts apply to the following areas:
Surface | Custom Font Support | Notes |
Web app (in-product) | Yes | Applies to Heading and UI slots. Body text remains Google Fonts only. |
PDF exports (recipes, meal plans) | Yes | Fonts are embedded for consistent rendering. PDF footer remains in the system font due to technical limitations. |
No (intentional) | Most email clients block custom fonts, so emails will continue using the system font stack. |
Why Body Font is Not Supported
Body fonts are intentionally restricted to Google Fonts. Many uploaded font files lack a standard regular weight (400), which can disrupt paragraph rendering. This can lead to unexpected results, as the system may fall back to a synthetic weight that doesn't look right.
Per-Slot Weight Grid
Each typography slot has specific weights that can be used:
Slot | Standard Weights |
Heading | 400 Regular, 500 Medium, 600 Semibold, 700 Bold |
UI | 600 Semibold, 700 Bold |
These weights are the only ones that the app's design system will render correctly.
Single Family Rule
When uploading fonts, all files in a slot must come from the same font family. The first uploaded file sets the family name, and to switch to a different family, you must remove all previously uploaded weights first.
Off-Slot Weight Rule
If you have a stylized weight that is not part of the standard list (for example, an 800 Extra Bold), you can still upload it. However, it must be the only file in that slot. The system will use this single file for all requested weights and synthesize bolder or lighter strokes as needed. If you later add a second weight to that slot, the off-standard file will stop rendering.
Quality Tradeoff
Uploading a single weight is sufficient for brand visibility, but for the best rendering—especially on smaller titles and badges—it's recommended to upload all supported weights. The UI will provide hints when only one weight is uploaded, reminding you of the opportunity for better quality.
Uploading Custom Fonts
Follow these steps to upload your custom fonts:
Navigate to App Station > App Settings > Design > Typography.
For the Heading or UI slot, switch the source tab from Google Fonts to Upload Custom.
Drop your
.woff2or.wofffiles into the bulk upload area or click to select files.The system will read each file's weight and family name, automatically routing the file into the correct weight row.
Confirm that the detected family name appears as a chip in the slot header.
The typography preview on the right will update immediately, showing you how the production will render.
To remove a weight, click the X on its row; to clear the entire slot, click Remove all.
File Limitations
Each uploaded file must be no larger than 1 MB.
Only
.woff2and.woffformats are accepted.