Typography
You can add fonts to your Formsort flows using the Add Font Family option located in the Typography menu in the Theme tab. These fonts can be used in each of the available headings tags.
Using markdown, you can use the below tags in any parts of your flow. You can customize the size, font, color, weight, line height and the margins of each of these tags using the Font Styles section in the Typography menu.
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 | |
Font 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.
While providing all Google fonts off the shelf, Formsort also allows you to use self-hosted web fonts. You can see all the options available to you by clicking Font Family in the Typography menu.
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 modified 1yr ago