Typography

Typography menu

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

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.

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.