Typography
Typography settings in Formsort give you full control over how text appears in your flows—from base font size to specific fonts and styling for individual text elements like headings and body text.
Font selection
You can add and manage fonts in your flow via Theme → Typography → Add font family.... Formsort supports the following font sources:
Google Fonts (available out of the box)
Adobe Fonts
Self-hosted web fonts (e.g., via S3)
Make sure you have the legal right to use any uploaded font. Per our Terms and Conditions, Formsort will comply with takedown requests from copyright holders.

Markdown Styling Support
Once a font is added, you can assign it to the typographic elements found in the chart below. You can use Markdown syntax within any text field in your flow. Typography settings allow you to style each tag individually (e.g., **bold**
, _italic_
, etc.).
Category
Description
Markdown syntax
H1
Heading 1
#
H2
Heading 2
##
H3
Heading 3
###
H4
Heading 4
####
H5
Heading 5
#####
H6
Heading 6
######
P
Paragraph
A
Hyperlink text
[Formsort](http://formsort.com)
INPUT
Input items
LI
List items
Uploading custom fonts to Formsort
You can also upload font files directly to Formsort:
Navigate to Theme → Typography → Add font family... → Custom Fonts

Enter the font family name
Upload the font files

Map the font weights (e.g., Regular, Bold, Light)
You can upload multiple font files at once. Fonts are stored in your client S3 bucket (no configuration required) and pulled from there automatically.
Adobe Fonts
To use Adobe Fonts in your Formsort flow:
Create or log in to your Adobe Fonts account.
Search for a font and click Add to web project.

In the dialog, create or select a web project.
Click Edit Web Project and note the:
Project ID
Font-family name
Weights you want to use

In Formsort, go to Theme → Typography → Add font family... → Adobe Fonts.

Enter the required values.

Hosting Custom Fonts
If you have font files that you are already hosting somewhere else (like Amazon S3), you can use them in your flows.
CORS Configuration for S3
Here’s a sample CORS policy compatible with Formsort:
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
<AllowedOrigin>https://flow.formsort.com</AllowedOrigin>
<AllowedMethod>GET</AllowedMethod>
<AllowedHeader>*</AllowedHeader>
</CORSRule>
<CORSRule>
<AllowedOrigin>https://studio.formsort.com</AllowedOrigin>
<AllowedMethod>GET</AllowedMethod>
<AllowedHeader>*</AllowedHeader>
</CORSRule>
<CORSRule>
<AllowedOrigin>https://{{YOUR_DOMAIN_HOSTING_FORMSORT}}.com</AllowedOrigin>
<AllowedMethod>GET</AllowedMethod>
<AllowedHeader>*</AllowedHeader>
</CORSRule>
</CORSConfiguration>
To test your CORS setup:
curl -H "Origin: https://flow.formsort.com" -s -D - -o /dev/null https://{YOUR_BUCKET}.amazonaws.com/{YOUR_PATH}.otf | grep Access-Control-Allow-Origin
Expected output:
Access-Control-Allow-Origin: https://flow.formsort.com
Last updated
Was this helpful?