Fun with Fantastic Fonts!

Use these great new fonts to customise the look and feel of your form.

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

By: Darren Bjers

Fonts are an amazingly powerful component of web design. When creating your forms in Wufoo, fonts are key to communicating a design aesthetic and defining your brand. Fonts are an excellent way to express yourself, whether it be for company/product branding or just for fun. So consider adding a creative touch to your form with some truly tantalising typography because we offer several options for customising the font on that excellent form of yours.

Today, you'll learn how to apply custom Google Fonts to your Wufoo form like a champ via the Wufoo Theme Designer.

Ready? Good, let's get started.

➢ Choose from over 150 fonts in the Wufoo Font Picker.

➢ If you have a Typekit account, then you'll be able to integrate with a library of fonts.

➢ Custom fonts can be applied via custom CSS. We'll look at Google Fonts which allow you free access to nearly 630 fantastic fonts. We'll use Google Drive to host our custom CSS file. This is a great alternative for any of you who don't currently have a host solution.

I'm planning a family trip to Walley World and I'd like to get an idea of how many of my family members are planning to attend. This is going to be a great adventure, so I'd like my RSVP form to be great as well. What better way than to imply greatness than to do it with typography?

So, here's a basic Wufoo RSVP form just as an example. It’s super simple and gets the job done. However, with a little custom font and colour magic you can really spice it up – check it out.

How would I do it?

  1. Locate a font to use from Google Fonts, then click on the arrow button in the bottom right corner.

  2. Select the @import tab and copy the @import URL.

  3. Open Notepad and add the @import URL to the top of the document followed by the CSS rule for customising the form font. Save your Notepad file as 'style.css'.

  1. Upload to your Google Drive.

  2. Click on the Share link to set the Privacy to Public.

  3. Copy the public URL to a Notepad.

  4. Update the URL with the correct Google Drive format of https://googledrive.com/host/file-code

  5. Head to the Wufoo Theme Designer – Click on Advanced – Paste in your Google Drive hosted CSS file.

  6. Make sure you Save Theme. That’s it, you've finished.

There you have it, folks. Now get out there and have some fun with those fonts.