How to Use Custom Fonts on your Form
The default font for all Blitzen forms is HelveticaNeue. As of February 2017, Blitzen forms are also compatible with all Google Fonts. A list of available fonts can be found here and can be applied in the Design Tab in the Form Builder.
How it Works
If you want to apply a single font to the form:
Locate the Google Fonts section under the Design tab of your form and choose a font from the list which appears when you click into the text box (preview all fonts here). The entire form will take on this font.
If you want to apply several fonts to the form:
Locate the Google Fonts section under the Design tab of your form and choose your fonts from the list which appears when you click into the text box (preview all fonts here).
The form will appear unchanged. To define which font pairs with which text element you will need to upload a Cascading Style Sheet. How to upload CSS. For a full tutorial on form styling see here.
List of text elements which can be styled:
| h1 (header 1) | - form title |
| h4 (header 4) | - form field label - thank-you message |
| h5 (header 5) | - form description under title |
| .small | - word count - progress bar |
| .material-input input, .material-input textarea, .material-textarea input, .material-textarea textarea |
This combination of classes targets the areas where people input text answers on the form. |
| .form-field-instructions-stacked | - field instructions - description field |
| .form-description | - form description |