Typography
Using markdown, you can use the below tags in any text fields of your flow. You can customize the style settings of each of these tags in the Typography menu in the Theme tab.
Category | Description | Markdown syntax |
DEFAULT | Default text | |
H1 | Heading 1 | # |
H2 | Heading 2 | ## |
H3 | Heading 3 | ### |
H4 | Heading 4 | #### |
H5 | Heading 5 | ##### |
H6 | Heading 6 | ###### |
P | Paragraph | |
A | Hyperlink text | |
INPUT | Input items | |
LI | List items |
Understanding rem sizing
rem sizingFont sizes are determined by multiplying base font sizing, which is set in px, by the rem value (e.g. 16px * 1.5rem = 24px). Base font sizes can be set for different viewport sizes.
Base font sizes can be set for different viewport sizes (mobile, desktop, etc).
Using rem sizing in conjunction with viewport appropriate base font sizing enables responsive designs.
Font selection
You can add fonts to your Formsort flows using the Add Font... option located at the top of the Typography menu. Once added, these fonts can be selected in each of the available headings tags. While providing all Google fonts off the shelf, Formsort also allows you to use self-hosted web fonts and Adobe Fonts.
Make sure that you have permission to use any web fonts that you upload to Formsort. Per our Terms and Conditions, we will comply with takedown requests from copyright holders if you infringe on their rights.
Last updated
