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 your typography aligns with your brand identity in both the app and PDF exports.
Navigate: App Station > Settings > Branding & Design > Design > Typography
Quick Start
Navigate to App Station > Settings > Branding & Design > Design > Typography.
For the Heading or UI slot, switch the source tab from Google Fonts to Upload Custom.
Drop your
.woff2or.wofffont files into the bulk upload area or click to select them.Confirm the detected family name appears as a chip in the slot header.
Check the typography preview on the right to see how your fonts will render.
Understanding Custom Fonts
Custom fonts allow you to personalize your app's typography, making it resonate with your brand. This feature is particularly useful for those who have purchased a commercial font license and want to use their unique fonts in the app and PDF exports.
Scope of Custom Fonts
Surface | Custom Font Support | Notes |
Web app (in-product) | Yes | Applies to Heading and UI slots. Body remains Google-only. |
PDF exports (recipes, meal plans) | Yes | Fonts are embedded in the PDF, but the footer remains in the system font due to technical limitations. |
No | Emails will continue to use the system font stack as most email clients block custom fonts. |
Why Body Font is Not Supported
The body font is intentionally locked to Google Fonts. Many uploaded fonts lack a regular text weight, which can disrupt paragraph rendering. This ensures a consistent and visually appealing experience for your members.
Per-Slot Weight Grid
Each typography slot has specific weight options:
Heading Slot: 400 Regular, 500 Medium, 600 Semibold, 700 Bold
UI Slot: 600 Semibold, 700 Bold
These weights correspond to the design system's requirements and ensure proper rendering across your app.
Single Family Rule
When uploading fonts, all files in a slot must belong to the same font family. The first upload establishes the family name. To switch to a different family, you must remove all previously uploaded weights first.
Off-Slot Weight Rule
If you own a stylized weight that is not included in the standard list (e.g., an 800 Extra Bold), you can still upload it as long as it is the only file in that slot. The browser will synthesize the requested weights using that single file. However, if you later add a second weight, the off-standard file will stop rendering, and the system will block the upload.
Quality Tradeoff
While uploading a single weight is sufficient for brand visibility, for the best rendering—especially on smaller titles and badges—uploading all supported weights is recommended. The UI will provide hints when only one weight is uploaded, reminding you of this opportunity.
Uploading Your Custom Fonts
Follow these steps to upload your custom fonts:
Navigate to App Station > Settings > Branding & Design > Design > Typography.
For the Heading or UI slot, switch the source tab from Google Fonts to Upload Custom.
Drag and drop your
.woff2or.wofffiles into the bulk upload area or click to select them.The system will automatically detect each file's weight and family name, routing the file into the appropriate 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 how the production will render.
To remove a single weight, click the X on its row; to clear the entire slot, click Remove all.
Important Notes
Each uploaded file must be under 1 MB.
Only
.woff2and.woffformats are accepted.