Use over 150 Fonts on Your Forms with Wufoo’s New Typography Features

Customize the look and feel of your forms by using custom fonts.

Not already signed up for Wufoo? Let's get started!

By: Kevin Hale

You can choose to make our system fonts bold and italic.

Hey, hey friends and fiends! Over the weekend, we released some awesome new typography features aimed at discerning designers, typographers and marketers that we hope will take your Wufoo forms to the next level. For a quick overview of these new features in the Theme Designer, we created a quick little screencast to show them off.

The New Font Picker

When you access the Typography settings, you can now use Wufoo’s new Font Picker to choose from over 150 different fonts to use on your Wufoo forms. To change the font of a property on your form, just click on the AaZz square to bring up the Font Picker interface.

Wufoo font picker

You can access different font categories on the left side of the font picker and page through the fonts using the numbered pagination buttons at the bottom. To pick a font, just select the font you want to use and the click on the Pick this Font button. The Font Picker will then close and it’ll show your font in the Form Preview in the Theme Designer.

Click the font preview to cycle through different text samples.

Along the top of the Font Picker we’ve included a Font Preview that will show the font in various contexts to help you get a feel for the font. If you click on the Font Preview, it’ll cycle through different text samples showcasing sentences using the entire alphabet.

Over 150 Custom Fonts!

As most of you who’ve been with us for awhile know, at Wufoo, we’re not interested in helping you create forms that just do their job. That would never be good enough for us. What we want—what we strive for—is to help you create some of the most beautiful and elegant forms on the web. We believe that a big part of that mission has to include giving our users access to good typography.

fontgrid

And so our team spent the last few weeks scouring the web and hand picking over 150 really great fonts from foundries all over the world that are available for FREE personal and commercial use and built them right into Wufoo using the latest HTML5 techniques. We got fonts from some really great foundries like The League of Movable Type, Typadelic, exljbris, misprintedtype and so many more. There are actually two types of fonts to choose from in the Font Picker.

View font variants with new

Normal, Bold, Italic and Variants!

Another one of the new typography features we added was a Style Menu to easily make your type bold and italic if those are options available for the font you’ve selected. Because some of the fonts we added also have different weights and variants, we’ve also made it easy to select those variations as well right from the Theme Designer.

These new typography features are available to all users across all plans and will work on all the browsers we support for public forms (even Internet Explorer 6!) If you want to learn more, you can read more about how to use these features in our Font Picker documentation. We hope you love the selection and flexibility of these new fonts in Wufoo. Thanks should go out to our man Alex for helping us make it all look like magic and turning this into a proper platform that we can expand and improve upon in the future. Our infinite gratitude also goes out to the generosity of all the typographers and foundries that took the time to design such beautiful typefaces and make them available for all to enjoy and use.