Form font size in new design

Unfortunately, the only design option that Airtable allows you to change is that you can toggle the size of each field between “default” size and “large” size.

However, you can customize the style and formatting of your form by using Fillout’s advanced forms for Airtable.

Fillout is 100% free and it offers hundreds of features that Airtable’s native forms don’t offer, including the ability to:

• Customize the style and branding of your form
• Customize a theme for your form
• Write your own custom HTML and CSS to control your form’s formatting
• Customize text fonts, text sizes, and text formatting throughout your form
• Customize the layout of your form, including adding images, videos, and documents.

Fillout also offers the ability to update Airtable records using a form, create custom PDF files from a form submission, accept payments on forms, pre-fetch dynamic data from an Airtable record, display Airtable lookup fields on forms, create new linked records on a form, add a login page to your form, perform math or other live calculations on your forms, collect signatures on a form, create multi-page forms with conditional paths, and much more.

I show how to use a few of the advanced features of Fillout on these 2 Airtable podcast episodes:

• Using Fillout to create an eSignature approval process with PDF file creation.
• Using Fillout to create an order entry form with line items.

Hope this helps!

If you’d like to hire the best Airtable consultant to help you with anything Airtable-related, please feel free to contact me through my website: Airtable consultant — ScottWorld

Hi there!

At miniExtensions, we've created a third-party form that integrates seamlessly with Airtable and offers a different design that could help reduce eye strain and improve readability. Our form also gives you options such as adjusting the width of the form or increasing the text size in field descriptions and formula fields, providing you with greater control over the form’s appearance.

I’m very surprised this issue is not being addressed by AirTable.  An unreadable font size can frustrate users with sight problems, and possibly prevent them from completing the form!

I inspect the CSS of an embedded form, and found that font sizes are set with CSS variables (custom properties), the most important of which is:

This is way too small of a default font size intended for end-users. 

(To be clear, there are a number of other CSS custom properties defined for font sizes as well.  They are all specified in pixels (`px`). This is less of a problem than it used to be, but specifying font sizes in pixels is still a sub-standard option compared with the plethora of other sizing units available.)

Using the Web Inspector, I tested what the form would look like by changing the `--font-size-body-default` from 13px to 13pt.  It instantly became much more readable.

Since the plethora of CSS custom properties specify font sizes in relation to one another, it’s obviously important for any changes to take this into account.  Simply by switching from pixels (`px`) to points (`pt`) is a fast, simple way to make forms readable again and preserve the proportions between different fonts.

AirTable: This is a ready-to-use solution! Please fix the font sizing of forms. To restate: this is a usability & accessibility issue with the potential to frustrate users away from filling out AirTable forms.

Thank you for your time and consideration! 🙏

New user of Airtable and forms here. I am very surprised that the font size of titles cannot be set. Tony_Rogers’ suggestion is good but I encourage you to add a “small/medium/large” font size chooser on form titles at the very least, or to extend to allow markup for titles as with helper text. This should not require an extension to configure. Thank you.

​@psutherland 

The Airtable product team doesn’t monitor the posts here, but be sure to submit this as a feature request on the product ideas form.

In the meantime, your best bet for this is to use Fillout, which is 100% free.

See my post above for more details.

- ScottWorld, Expert Airtable Consultant

Thanks Scott. I’ve submitted a feature request.