How can I use fontastic with unbounce?


Hi Jess,

Admittedly, I haven’t seen Fontastic used on any Unbounce pages - so that means that you’ll be the first to test this out!

It looks like Fontastic uses the standard @Font-Face method for calling in these fonts:

This is fairly easy to implement in Unbounce and just requires a few steps that are a bit different. Most notably, you won’t be able to load the font into Unbounce directly. To bypass this, you’ll need to upload it to a server that you can call it from. You can find full instructions on how to use @Font-Face here:…

From there you’ll just have to embed the HTML that Fontastic gives you as an HTML widget on your page. It might be a bit tricky to get the sizing and placement just right, but you should be able to load it in no problem.

I’d love to see the end result if you can successfully get this working, Jess, so please keep us updated with your results!