Typography and Fonts
The right font can completely change how your form feels. FormGrid gives you access to over 1,000 Google Fonts and lets you set separate fonts for headings and body text.
Font settings
Font
The main font used for paragraphs, field labels, descriptions, and input text. This is what respondents read most, so pick something legible.
Heading font
A separate font for headings (H1, H2, H3). Set it to Auto to use the same font as the body text, or pick a different font for visual contrast. For example, a serif heading font with a sans-serif body font is a classic combination.
Text size
The base text size for your form, from 12px to 72px. This scales most text in the form. The default works well for most cases.
Heading size
The size of heading text. Set to Auto to let it scale proportionally based on the heading level, or set a specific size from 12px to 128px.
Choosing fonts
With 1,000+ options, it can be overwhelming. Here are some starting points:
- Clean and modern — Inter, Open Sans, Roboto
- Professional — Source Sans Pro, Lato, Nunito
- Friendly and rounded — Poppins, Quicksand, Comfortaa
- Elegant serif — Playfair Display, Lora, Merriweather
- Monospace — JetBrains Mono, Fira Code, Source Code Pro
Tips
- Readability first — fancy fonts can be hard to read at small sizes
- Test with actual form content, not just headings
- Two fonts max (one for headings, one for body) keeps things cohesive
- When in doubt, stick with a popular sans-serif for the body text