Custom fonts, Markdown and PDF invoices!

With our HTML invoice customization it’s easy to make your Freckle invoices extra stylish. Here’s how you do this with a font from Google Web Fonts.

First, choose the font you like of course. Here we’re picking Open Sans, and select the normal, bold and italic styles so we can have some extra fun. Next, copy the link element that’s generated for you.

Then, just paste it into your Freckle invoice customization. _Be sure to replace http:// with https://_ in the link element so your invoices will show correctly on all browsers. To apply the new font to the invoice and the optional report, use a CSS style rule that targets the #invoice and #invoice_report elements, and sets the font-family.

To have some extra fun, let’s try out Freckle’s new support for Markdown in the description and footer fields in your invoice. Markdown is a simple formatting language that allows you to easily add extra headlines as well as \*\*bold\*\* and \_italic\_ text to your Freckle invoice:

This even works with our new PDF downloads for invoices! Here’s an example of a Freckle-generated PDF invoice! And there you have it, amazing-looking customized invoices, and it took just a few minutes to set up!

The best thing? In a month from now, when you generate the next invoice for the client, Freckle remembers all your settings and your invoice will look gorgeous with no extra effort needed!

With our invoice customization, you can do some pretty fancy things. Check out this live example of a shared Freckle invoice!

Here’s the customization code for this invoice: